From 2d762c0187220a6cb017971c45ae0f946502286f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Mon, 11 Oct 2021 11:39:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BC=98=E6=83=A0=E5=88=B8BU?=
 =?UTF-8?q?G?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/coupon/index/index.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pages/coupon/index/index.vue b/pages/coupon/index/index.vue
index cc5c1d6..2320165 100644
--- a/pages/coupon/index/index.vue
+++ b/pages/coupon/index/index.vue
@@ -9,7 +9,8 @@
 				<scroll-view :style="{height: autoHeight}" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher"
 					@scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
 					<view class="coupon-wrap">
-						<view class="coupon-card lf-m-b-30" :class="{'invalid-bg': item.ifpast == true,'lf-bg-haveuse': item.used_at != ''}" v-for="(item, index) in tab.list" :key="index">
+						<!-- <view class="coupon-card lf-m-b-30" :class="{'invalid-bg': item.ifpast == true,'lf-bg-haveuse': item.used_at != ''}" v-for="(item, index) in tab.list" :key="index"> -->
+						<view class="coupon-card lf-m-b-30" :class="{'invalid-bg': item.ifpast, 'lf-bg-haveuse': item.used_at != ''}" v-for="(item, index) in tab.list" :key="index">
 							<view class="coupon-circle-top">
 								<view class="coupon-circle1"></view>
 							</view>
@@ -29,10 +30,10 @@
 									<view class="coupon-tag" v-if="item.used_at != ''">
 										已使用
 									</view>
-									<view class="coupon-tag" v-if="item.ifpast">
+									<view class="coupon-tag" v-else-if="item.ifpast">
 										已过期
 									</view>
-									<view class="coupon-tag" v-if="!item.ifpast && item.used_at == ''">
+									<view class="coupon-tag" v-else-if="!item.ifpast && item.used_at == ''">
 										待使用
 									</view>
 								</view>
@@ -205,7 +206,9 @@
 
 <style scoped lang="scss">
 	.lf-bg-haveuse {
-		background-color: rgba(255, 255, 255, 1)!important;
+		opacity: .5 !important;
+		background-color: #15716E !important;
+		// background-color: rgba(255, 255, 255, 1)!important;
 	}
 	.coupon-circle1 {
 		width: 40rpx;