You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

87 lines
1.6 KiB

/* pages/order/coupon/index.wxss */
page {
background: #f6f6f6;
}
.coupon-item-box{
width: 700rpx;
margin: 26rpx auto;
background: white;
border-radius: 7rpx;
box-sizing: border-box;
padding:0 26rpx;
}
.coupon-item {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
height: 136rpx;
}
.coupon-item .money {
color: #D62828;
font-size: 67rpx;
width: 147rpx;
text-align: center;
font-weight: 500;
flex-shrink: 0;
}
.coupon-item .money1 {
color: #D62828;
font-size: 47rpx;
width: 187rpx;
text-align: center;
font-weight: 500;
flex-shrink: 0;
}
.coupon-item .money::before {
content: '¥';
font-size: 30rpx;
}
.coupon-item .money1::after {
content: '折';
font-size: 30rpx;
}
.coupon-info {
flex: 1;
margin-right: 20rpx;
color: #000;
font-size: 31rpx;
}
.couon-date {
color: #666;
font-size: 24rpx;
}
.coupon-item .iconfont {
font-size: 47rpx;
color: #333;
}
.coupon-item .iconfont.icon-gou {
color: #D62828;
}
.coupon-item.disable,.coupon-item.disable .money,.coupon-item.disable .coupon-info,.coupon-item.disable .iconfont,.coupon-item.disable .coupon-info .couon-date {
color: #999 !important;
}
.coupon-item.disable {
background: #ECECEC;
}
.btn {
margin: 25rpx;
line-height: 73rpx;
background: #D62828;
border-radius: 37rpx;
color: #fff;
font-size: 36rpx;
font-weight: 500;
text-align: center;
}
.no-reason{
width: 100%;
border-top: 1px dashed #e0e0e0;
padding: 20rpx 0;
color: #666;
font-size: 24rpx;
box-sizing: border-box;
}