dm-wechat-mini/pages/my/coupon/index.wxss
2025-02-22 03:14:42 +08:00

62 lines
1.1 KiB
Plaintext

.coupon-list{
position: absolute;
top:114rpx;
left:0;height:calc(100vh - 114rpx);
width:100%;
}
.coupon-list .item{
display: flex;
margin:20rpx;
padding:50rpx 40rpx 50rpx 44rpx;
background-color: #fff;
border-radius: 18rpx;
box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}
.coupon-list .item .left{
flex:1;
}
.coupon-list .item .name{
font-size: 36rpx;
}
.coupon-list .item .desc{
color: #888888;
margin-top:44rpx;
}
.coupon-list .item .money{
font-size:54rpx;
}
.coupon-list .item::before,.coupon-list .item::after{
content:'';
position: absolute;
width:24rpx;height:24rpx;
left:-12rpx;top:calc(50% - 12rpx);
background: #F5F5F5;
border-radius: 50%;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}
.coupon-list .item::before{
right:-12rpx;
left:auto;
}
.coupon-list .item.used .name{
color: #888888;
}
.coupon-list .item.used .money{
color: #888888;
}
.list-empty{
padding-top:400rpx;
}
.list-empty .icon{
width:132rpx;height:132rpx;
}
.list-empty .title{
color: rgba(136, 136, 136, 0.6);
font-size: 30rpx;
margin-top:20rpx;
}