|
|
@@ -37,14 +37,6 @@
|
|
|
</view>
|
|
|
<text class="coupon-expire">{{ coupon.expireDate ? coupon.expireDate + '到期' : '' }}</text>
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- 状态展示 -->
|
|
|
- <view class="coupon-action">
|
|
|
- <view v-if="coupon.status === 0" class="status-text status-text--unused">未使用</view>
|
|
|
- <view v-else-if="coupon.status === 1" class="status-text status-text--expiring">即将过期</view>
|
|
|
- <view v-else-if="coupon.status === 2" class="status-text status-text--used">已使用</view>
|
|
|
- <view v-else class="status-text status-text--expired">已过期</view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -363,45 +355,6 @@ onShow(() => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .coupon-action {
|
|
|
- margin-left: 20rpx;
|
|
|
-
|
|
|
- .action-btn {
|
|
|
- width: 120rpx;
|
|
|
- height: 56rpx;
|
|
|
- border-radius: 28rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: 500;
|
|
|
-
|
|
|
- &--use {
|
|
|
- // background: linear-gradient(135deg, #FF8A57 0%, #F47D1F 100%);
|
|
|
- background: #F47D1F;
|
|
|
- color: #FFFFFF;
|
|
|
- // box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(255, 107, 53, 0.3);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .status-text {
|
|
|
- font-size: 24rpx;
|
|
|
- padding: 8rpx 16rpx;
|
|
|
-
|
|
|
- &--unused,
|
|
|
- &--expiring {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- &--used {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- &--expired {
|
|
|
- color: #CCCCCC;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
// 已使用状态
|
sunshibo