优化券

pages/coupon/index/index.vue

@@ -29,7 +29,7 @@
 		<view v-if="couponDataList.length > 0" style="  height: calc(100vh - 50px);  width: calc(100vw); overflow: hidden;padding-bottom: 50px;">
 			<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
 				<view class="couponList">
-					<view class="couponListBox" :class="[x.couponsUseScope>0?'active'+(x.couponsUseScope-1):'active0']"
+					<view class="couponListBox" :class="[x.couponsUseScope>0?'active'+(x.couponsUseScope-1):'']"
 					 v-for="(x, i) in couponDataList" :key="i">
 						<view class="item">
 							<view :style="{'background-image':`url(${x.backGroubd}) `}" class="couponItemLeft">
@@ -294,7 +294,6 @@
 							if(x.couponsUseScope==9) x.backGroubd = this.lineImgs[8]
 							if(x.couponsUseScope==10) x.backGroubd = this.lineImgs[0]
 							if(x.couponsUseScope==11) x.backGroubd = this.lineImgs[1]
-							// if(x.couponsUseScope==this.getLineImgs()+1) x.backGroubd = this.lineImgs[this.getLineImgs()]
 						})
 						this.page_count = res.data.pageCount;
 						if(this.page_count==1) this.status = 'nomore'
@@ -629,10 +628,6 @@
 		font-size: 24rpx;
 		font-weight: 100;
 	}
-	.couponListBox .nameType {
-		color: rgba(29, 152, 144, 1);
-		background: rgba(97, 220, 212, .5);
-	}
 	.couponListBox.active0 .nameType {
 		color: rgba(29, 152, 144, 1);
 		background: rgba(97, 220, 212, .5);
@@ -678,6 +673,31 @@
 		background: #e1e1e1;
 	}
 
+	.couponListBox.active9 .nameType {
+		color: rgba(29, 152, 144, 1);
+		background: rgba(97, 220, 212, .5);
+	}
+
+	.couponListBox.active10 .nameType {
+		color: rgba(212, 84, 42, 1);
+		background: rgba(253, 127, 86, .5);
+	}
+
+	.couponListBox.active11 .nameType {
+		color: rgba(60, 103, 160, 1);
+		background: rgba(106, 168, 249, .5);
+	}
+
+	.couponListBox.active12 .nameType {
+		color: rgba(204, 60, 110, 1);
+		background: rgba(243, 108, 155, .5);
+	}
+
+	.couponListBox.active13 .nameType {
+		color: rgba(40, 132, 163, 1);
+		background: rgba(24, 184, 237, .5);
+	}
+
 	.coupondLineTb {
 		position: relative;
 	}
@@ -747,4 +767,24 @@
 	.couponListBox.active8 .coupondLineGo {
 		background: linear-gradient(133deg, #c6c6c6, #e1e1e1);
 	}
+
+	.couponListBox.active9 .coupondLineGo {
+		background: linear-gradient(133deg, #26C6A5, #61DCD4);
+	}
+
+	.couponListBox.active10 .coupondLineGo {
+		background: linear-gradient(133deg, #FD7F56, #FFC291);
+	}
+
+	.couponListBox.active11 .coupondLineGo {
+		background: linear-gradient(133deg, #3C67A0, #88ADDD);
+	}
+
+	.couponListBox.active12 .coupondLineGo {
+		background: linear-gradient(133deg, #F36C9B, #FEA7C6);
+	}
+
+	.couponListBox.active13 .coupondLineGo {
+		background: linear-gradient(133deg, #18B8ED, #89D6EF);
+	}
 </style>