101 lines
2.0 KiB
SCSS
101 lines
2.0 KiB
SCSS
page{
|
|
background-color: #f6f6f6;
|
|
}
|
|
.main{
|
|
.coupon_title{
|
|
margin: 24rpx 24rpx 0rpx 24rpx;
|
|
padding: 0 24rpx 24rpx 24rpx ;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
// 优惠券
|
|
.coupon_cont{
|
|
.coupon_item{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 0 24rpx 24rpx 24rpx;
|
|
.coupon_item_l{
|
|
width: 198rpx;
|
|
height: 193rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
text-align: center;
|
|
position: relative;
|
|
.coupon_item_v{
|
|
position: absolute;
|
|
width: 198rpx;
|
|
height: 193rpx;
|
|
top: 0;
|
|
left: 0;
|
|
.coupon_item_price{
|
|
color: #FF0000;
|
|
font-size: 60rpx;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
margin-top: 35rpx;
|
|
}
|
|
.coupon_item_price::before{
|
|
content: '¥';
|
|
font-size: 34rpx;
|
|
margin-right: 5rpx;
|
|
}
|
|
.coupon_item_desc{
|
|
color: #999999;
|
|
font-size: 26rpx;
|
|
}
|
|
}
|
|
.coupon_item_absolute{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 20rpx;
|
|
height: 193rpx;
|
|
background: #FF0000;
|
|
border-top-left-radius: 20rpx;
|
|
border-bottom-left-radius: 20rpx;
|
|
}
|
|
}
|
|
.coupon_item_border{
|
|
width: 1px;
|
|
height: 155rpx;
|
|
border-left: 1px dashed #D9D9D9;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.coupon_item_r{
|
|
width: 438rpx;
|
|
height: 193rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 25rpx 0 45rpx;
|
|
.coupon_item_r_l{
|
|
width: 300rpx;
|
|
.coupon_item_name{
|
|
font-size: 32rpx;
|
|
color: #000000;
|
|
font-weight: 500;
|
|
}
|
|
.coupon_item_time{
|
|
color: #FF6E6E;
|
|
font-size: 26rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
}
|
|
.coupon_item_r_r{
|
|
width: 112rpx;
|
|
height: 46rpx;
|
|
border-radius: 30rpx;
|
|
border: 1px solid #FF0000;
|
|
font-size: 26rpx;
|
|
color: #FF0000;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |