1.优惠券规则修改 2.已使用的优惠券样式修改

陶杰

2024-10-11 ffd407012d000d1a1b9d36c01646d2cdb22675b4

1.优惠券规则修改
2.已使用的优惠券样式修改

 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>


 static/images/customer/coupon/coupon-used.png

 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>

 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 {

 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;