From 498bdeb742de8c7a4cbc6276adda2237c690d9dc Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期六, 14 九月 2024 15:35:34 +0800 Subject: [PATCH] 1.首页优惠券弹框自定义背景图片 --- sub_pages/customer/coupon/coupon.scss | 20 +++++++++++++++++--- 1 files changed, 17 insertions(+), 3 deletions(-) diff --git a/sub_pages/customer/coupon/coupon.scss b/sub_pages/customer/coupon/coupon.scss index 2c5896b..535cc84 100644 --- a/sub_pages/customer/coupon/coupon.scss +++ b/sub_pages/customer/coupon/coupon.scss @@ -3,8 +3,11 @@ .coupont-item.expired { - filter: grayscale(100%); + filter: grayscale(95%); .img-has { + display: unset; + } + .img-out { display: unset; } } @@ -18,10 +21,21 @@ 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-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-size: 100% 100%; + width: 196rpx; + height: 124rpx; + } .tip { @@ -40,7 +54,7 @@ .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; -- Gitblit v1.9.3