81 lines
1.5 KiB
Plaintext
81 lines
1.5 KiB
Plaintext
|
|
.viewport {
|
|
height: 100vh;
|
|
width: 100%;
|
|
background-image: linear-gradient(to bottom, #4095e5 25%, #ffffff 25%);
|
|
}
|
|
.viewportCenter {
|
|
height: 100vh;
|
|
width: 90%;
|
|
margin: 15% auto;
|
|
background-image: linear-gradient(to bottom, #f5f5f5 30%, #fff 30%);
|
|
border-radius: 15px;
|
|
}
|
|
.image {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-top: 15px;
|
|
margin-left: 15px;
|
|
}
|
|
.merchantState {
|
|
float: right;
|
|
margin-top: 50px;
|
|
margin-right: 100px;
|
|
font-weight: 700;
|
|
font-size: 35rpx;
|
|
}
|
|
.userPhone,.sequence {
|
|
font-size: 30rpx;
|
|
padding-top: 15px;
|
|
margin-left: 10px;
|
|
}
|
|
.goods {
|
|
margin: 20rpx;
|
|
padding: 0 20rpx;
|
|
border-radius: 10rpx;
|
|
background-color: #fff;
|
|
border: 1px solid #9f9f9f;
|
|
}
|
|
.item {
|
|
display: flex;
|
|
padding: 30rpx 0;
|
|
border-top: 1rpx solid #eee;
|
|
}
|
|
&:first-child {
|
|
border-top: none;
|
|
}
|
|
.picture {
|
|
width: 250rpx;
|
|
height: 170rpx;
|
|
border-radius: 15rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
.meta {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
.name {
|
|
height: 20px;
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
color: #444;
|
|
}
|
|
.attrs {
|
|
line-height: 1.8;
|
|
padding: 0 15rpx;
|
|
margin-top: 6rpx;
|
|
font-size: 24rpx;
|
|
align-self: flex-start;
|
|
border-radius: 4rpx;
|
|
color: #888;
|
|
background-color: #f7f7f8;
|
|
}
|
|
.money {
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
margin-left: 20px;
|
|
}
|