| 1234567891011121314151617181920212223 |
- page{
- background-color: #f8f8f8;
- }
- .empty-data{
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .coupon-item{background-color: #fff;border-radius: 10rpx;width: calc(95% - 40rpx);margin: 20rpx auto;border: 2rpx solid #fff;border-radius: 10rpx;position: relative;}
- .coupon-item .state-img{position: absolute;right: 0;top: 0;}
- .coupon-item .state-img image{width: 100rpx;height: 100rpx;}
- .coupon-item .header{padding: 20rpx;font-size: 28rpx;color: #333;line-height: 48rpx;border-bottom: 2rpx solid #f8f8f8;}
- .coupon-item .footer{padding: 20rpx;border-top: 2rpx solid #f8f8f8;display: flex;justify-content: space-between;}
- .coupon-item .footer .state{flex: 1;}
- .coupon-item .footer .btn{width: 50%;font-size: 28rpx;}
- .coupon-item .body{display: flex;align-items: center;margin: 20rpx 0;}
- .coupon-item .img image{width: 160rpx;height: 160rpx;}
- .coupon-item .info{margin-left: 20rpx;}
- .coupon-item .name{font-size: 32rpx;color: #333;line-height: 46rpx;}
- .coupon-item .desc{color: #666;font-size: 28rpx;line-height: 48rpx;}
|
