From ffd407012d000d1a1b9d36c01646d2cdb22675b4 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期五, 11 十月 2024 15:12:21 +0800
Subject: [PATCH] 1.优惠券规则修改 2.已使用的优惠券样式修改
---
pages/home/home.vue | 2 +-
sub_pages/customer/coupon/coupon-all.vue | 2 +-
sub_pages/customer/coupon/coupon.scss | 11 +++++++++++
sub_pages/customer/coupon/coupon-self.vue | 13 +++++++++++++
static/images/customer/coupon/coupon-used.png | 0
5 files changed, 26 insertions(+), 2 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 6f4c711..c3cfb6d 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -116,7 +116,7 @@
</view>
<view class="tip">
- <span class="t-red">*</span>此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用
+ <span class="t-red">*</span>{{dto_home_coupon.couponDescription || '此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用'}}
</view>
</view>
</view>
diff --git a/static/images/customer/coupon/coupon-used.png b/static/images/customer/coupon/coupon-used.png
new file mode 100644
index 0000000..5f79c98
--- /dev/null
+++ b/static/images/customer/coupon/coupon-used.png
Binary files differ
diff --git a/sub_pages/customer/coupon/coupon-all.vue b/sub_pages/customer/coupon/coupon-all.vue
index f2d4a13..fb37cb1 100644
--- a/sub_pages/customer/coupon/coupon-all.vue
+++ b/sub_pages/customer/coupon/coupon-all.vue
@@ -24,7 +24,7 @@
</view>
</view>
<view class="tip">
- <span class="t-red">*</span>此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用
+ <span class="t-red">*</span>{{item.couponDescription || '此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用'}}
</view>
</view>
</view>
diff --git a/sub_pages/customer/coupon/coupon-self.vue b/sub_pages/customer/coupon/coupon-self.vue
index d1a5f3f..7db99a3 100644
--- a/sub_pages/customer/coupon/coupon-self.vue
+++ b/sub_pages/customer/coupon/coupon-self.vue
@@ -37,6 +37,11 @@
<view class="img-out">
</view>
+ <view class="img-used">
+
+ </view>
+
+ .
</view>
<view class="tip">
<span
@@ -198,6 +203,14 @@
display: unset;
}
}
+
+ .coupont-item.used {
+ filter: grayscale(100%);
+
+ .img-used {
+ display: unset;
+ }
+ }
.bottom-button {
diff --git a/sub_pages/customer/coupon/coupon.scss b/sub_pages/customer/coupon/coupon.scss
index 535cc84..8752928 100644
--- a/sub_pages/customer/coupon/coupon.scss
+++ b/sub_pages/customer/coupon/coupon.scss
@@ -37,6 +37,17 @@
height: 124rpx;
}
+
+ .img-used {
+ display: none;
+ position: absolute;
+ right: 10rpx;
+ top: -20rpx;
+ background-image: url('@/static/images/customer/coupon/coupon-used.png');
+ background-size: 100% 100%;
+ width: 196rpx;
+ height: 124rpx;
+ }
.tip {
position: absolute;
--
Gitblit v1.9.3