| | |
| | | |
| | | |
| | | .coupont-item.expired { |
| | | filter: grayscale(100%); |
| | | filter: grayscale(95%); |
| | | .img-has { |
| | | display: unset; |
| | | } |
| | | .img-out { |
| | | display: unset; |
| | | } |
| | | } |
| | |
| | | position: absolute; |
| | | right: -20rpx; |
| | | top: 20rpx; |
| | | background-image: url('../../../static/images/customer/coupon/coupon-has.png'); |
| | | // background-image: url('@/static/images/customer/coupon/coupon-has.png'); |
| | | background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/43/43b41c7ac040455695ca65d36323b4d3YWKMuMqSIbfqd3dcd8d48fdd1249dd13d6e39322b2b1.png'); |
| | | background-size: 100% 100%; |
| | | width: 264rpx; |
| | | height: 264rpx; |
| | | } |
| | | .img-out { |
| | | display: none; |
| | | position: absolute; |
| | | right: 10rpx; |
| | | top: -20rpx; |
| | | // background-image: url('@/static/images/customer/coupon/coupon-out.png'); |
| | | background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/2f/2faf34e343cd4b0b8452e8586b33c781MxoSTmXuZq4Ha327925b24412a13682b44991ec4ed3e.png'); |
| | | |
| | | background-size: 100% 100%; |
| | | width: 196rpx; |
| | | height: 124rpx; |
| | | |
| | | } |
| | | |
| | | .img-used { |
| | | display: none; |
| | | position: absolute; |
| | | right: 10rpx; |
| | | top: -20rpx; |
| | | // background-image: url('@/static/images/customer/coupon/coupon-used.png'); |
| | | background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/dc/dc152f180fdb4d3caafa4c31941582faloHgT4yJckowd03f3034d552ffb276377d12268dffea.png'); |
| | | background-size: 100% 100%; |
| | | width: 196rpx; |
| | | height: 124rpx; |
| | | } |
| | | |
| | | .tip { |
| | |
| | | |
| | | .container { |
| | | z-index: 2; |
| | | background-image: url('../../../static/images/customer/coupon/coupon-bg1.png'); |
| | | background-image: url('@/static/images/customer/coupon/coupon-bg1.png'); |
| | | // width: 722rpx; |
| | | padding: 16rpx 16rpx 16rpx 0rpx; |
| | | height: 220rpx; |
| | | position: relative; |
| | | |
| | | |
| | | .info-price { |
| | | width: 180rpx; |
| | | padding-top: 40rpx; |
| | |
| | | } |
| | | |
| | | .info { |
| | | padding-top: 40rpx; |
| | | padding-top: 30rpx; |
| | | |
| | | .title { |
| | | font-weight: 600; |
| | |
| | | color: #333333; |
| | | line-height: 50rpx; |
| | | text-align: left; |
| | | |
| | | position: relative; |
| | | .select-coupon{ |
| | | position: absolute; |
| | | right: 10rpx; |
| | | top: -6rpx; |
| | | } |
| | | } |
| | | |
| | | .time { |
| | |
| | | color: #666666; |
| | | line-height: 40rpx; |
| | | text-align: left; |
| | | margin-top: 40rpx; |
| | | margin-top: 20rpx; |
| | | |
| | | } |
| | | } |
| | |
| | | margin-top: 20rpx; |
| | | |
| | | .container { |
| | | |
| | | .info { |
| | | |
| | | padding-top: 20rpx; |
| | | position: relative; |
| | | .title{ |
| | | |
| | | } |
| | | .time { |
| | | margin-top: 0rpx; |
| | | font-size:24rpx; |
| | | min-height: 44rpx; |
| | | } |
| | | |
| | | .button { |
| | |
| | | color: rgba(68, 119, 90, 1); |
| | | line-height: 46rpx; |
| | | text-align: center; |
| | | margin-top: 10rpx; |
| | | // margin-top: 10rpx; |
| | | position: absolute; |
| | | right: 10rpx; |
| | | bottom: 30rpx; |
| | | } |
| | | } |
| | | } |