94 lines
1.8 KiB
Plaintext
94 lines
1.8 KiB
Plaintext
/* pages/mine/product/coupon/couponlist.wxss */
|
|
page {
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
.right-box {
|
|
width: 100%;
|
|
position: relative;
|
|
min-height: 140rpx;
|
|
flex: 3;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0rpx 10rpx 10rpx 0rpx;
|
|
flex-direction: column;
|
|
padding: 10rpx;
|
|
background-image: radial-gradient(circle at left top, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx),
|
|
radial-gradient(circle at left bottom, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx);
|
|
background-color: #E6B980;
|
|
}
|
|
|
|
.left-box {
|
|
width: 100%;
|
|
flex: 7;
|
|
position: relative;
|
|
min-height: 140rpx;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 10rpx 15rpx;
|
|
position: relative;
|
|
border-radius: 10rpx 0rpx 0rpx 10rpx;
|
|
background-image: radial-gradient(circle at right top, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx),
|
|
radial-gradient(circle at right bottom, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx);
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.price {
|
|
color: #ffffff;
|
|
font-size: 48rpx;
|
|
}
|
|
|
|
.price-icon {
|
|
color: #ffffff;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.price-term {
|
|
font-size: 24rpx;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
|
|
.btn-box {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
padding: 10rpx 20rpx;
|
|
}
|
|
|
|
.btn {
|
|
padding: 10rpx 40rpx;
|
|
}
|
|
|
|
.coupon-name {
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
color: black;
|
|
flex: 1;
|
|
}
|
|
|
|
.coupon-desc {
|
|
font-size: 24rpx;
|
|
color: #797979;
|
|
}
|
|
|
|
.coupon-type-yellow {
|
|
font-size: 24rpx;
|
|
color: #ffffff;
|
|
background: #ff9800;
|
|
padding: 0rpx 10rpx;
|
|
border-radius: 5rpx;
|
|
}
|
|
|
|
.coupon-type-blue {
|
|
font-size: 24rpx;
|
|
color: #ffffff;
|
|
background: #0471ff;
|
|
padding: 0rpx 10rpx;
|
|
border-radius: 5rpx;
|
|
} |