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;