优惠券改版

center/couponlist.vue

@@ -24,30 +24,28 @@
 				<view class="coupon-list">
 					<view class="item" 
 						:class="{disable:item.status==2,ifReceive:item.ifReceive==1}" 
-						:style="{backgroundImage:`url(${staticUrl}/img/coupon-active-bg.png)`}" v-for="item in dataList" :key="item.couponId">
+						:style="{backgroundImage:`url(${staticUrl}/img/coupon-active-bg-v2.png)`}" v-for="item in dataList" :key="item.couponId">
 						<view class="content u-flex">
 							<view class="left">
 								<view class="quota">
 									<text v-if="item.type == 1">￥</text>
-									<text class="number" :class="{'small': String(item.quota).length>=3}">{{item.quota}}</text>
-									<text v-if="item.type == 2">%</text>
-								</view>
-								<view class="condition" v-if="item.useThresholdType == 2">
-									消费满{{item.useThresholdAmount}}可用
+									<text class="number" :class="{'small': String(item.quota).length>=3}">{{item.type==1?item.quota:item.quota/10}}</text>
+									<text v-if="item.type == 2">折</text>
 								</view>
 							</view>
 							<view class="center">
 								<view class="name" :class="{'small': String(item.couponName).length>=9}">{{item.couponName}}</view>
-								<view class="tip">
+								<view class="condition" v-if="item.useThresholdType == 2">
+									消费满{{item.useThresholdAmount}}可用
+								</view>
+							<!-- 	<view class="tip">
 									<view class="" v-if="item.useType==1">
-										<!-- <view class="">{{item.useStartDate}}</view>
-										<view class="">{{item.useEndDate}}</view> -->
 										有效期至 {{item.useEndDate}}
 									</view>
 									<view class="" v-if="item.useType==2">
 										领取后{{item.useDay}}天内有效
 									</view>
-								</view>
+								</view> -->
 							</view>
 							<view class="right">
 								<text class="btn" @click="receiveCoupon(item)" v-if="item.ifReceive!==1">立即领取</text>
@@ -58,6 +56,14 @@
 								</view> -->
 							</view>
 						</view>
+						<view class="bottom-time">
+							<view class="" v-if="item.useType==1">
+								有效期 {{item.useStartDate}} - {{item.useEndDate}}
+							</view>
+							<view class="" v-if="item.useType==2">
+								领取后{{item.useDay}}天内有效
+							</view>
+						</view>
 						<view class="type" v-if="item.type == 1">满减券</view>
 						<view class="type" v-else-if="item.type == 2">折扣卷</view>
 						<!-- <image class="status-img" :src="staticUrl+'/img/coupon-status-shiyong.png'"></image> -->

center/couponselect.vue

@@ -12,13 +12,13 @@
 			<view class="coupon-list" v-if="dataList.length>0">
 				<view class="item"
 					:class="{disable:item.status==2}" 
-					:style="{backgroundImage:`url(${staticUrl}/img/coupon-active-bg.png)`,filter:item.status!=1?'grayscale(100%)':''}" v-for="item in dataList" :key="item.id">
+					:style="{backgroundImage:`url(${staticUrl}/img/coupon-active-bg-v2.png)`,filter:item.status!=1?'grayscale(100%)':''}" v-for="item in dataList" :key="item.id">
 					<view class="content u-flex">
 						<view class="left">
 							<view class="quota">
 								<text v-if="item.type == 1">￥</text>
-								<text class="number" :class="{'small': String(item.quota).length>=3}">{{item.quota}}</text>
-								<text v-if="item.type == 2">%</text>
+								<text class="number" :class="{'small': String(item.quota).length>=3}">{{item.type==1?item.quota:item.quota/10}}</text>
+								<text v-if="item.type == 2">折</text>
 							</view>
 							<view class="condition" v-if="item.useThresholdType == 2">
 								消费满{{item.useThresholdAmount}}可用
@@ -26,9 +26,12 @@
 						</view>
 						<view class="center">
 							<view class="name" :class="{'small': String(item.couponName).length>=9}">{{item.couponName}}</view>
-							<view class="tip">
-								有效期至 {{item.endTime||''}}
+							<view class="condition" v-if="item.useThresholdType == 2">
+								消费满{{item.useThresholdAmount}}可用
 							</view>
+							<!-- <view class="tip">
+								有效期至 {{item.endTime||''}}
+							</view> -->
 						</view>
 						<view class="right">
 							<text class="btn" @click="couponClick(item)">去使用</text>
@@ -38,6 +41,9 @@
 							</view> -->
 						</view>
 					</view>
+					<view class="bottom-time">
+						有效期 {{item.startTime||''}} - {{item.endTime||''}}
+					</view>
 					<view class="type" v-if="item.type == 1">满减券</view>
 					<view class="type" v-else-if="item.type == 2">折扣卷</view>
 					<image class="status-img" :src="staticUrl+'/img/coupon-status-shiyong.png'" v-if="item.status == 2"></image>

center/mycoupon.vue

@@ -28,22 +28,19 @@
 				<view class="coupon-list">
 					<view class="item"
 						:class="{disable:item.status==2}" 
-						:style="{backgroundImage:`url(${staticUrl}/img/coupon-active-bg.png)`,filter:item.status!=1?'grayscale(100%)':''}" v-for="item in dataList" :key="item.id">
+						:style="{backgroundImage:`url(${staticUrl}/img/coupon-active-bg-v2.png)`,filter:item.status!=1?'grayscale(100%)':''}" v-for="item in dataList" :key="item.id">
 						<view class="content u-flex">
 							<view class="left">
 								<view class="quota">
 									<text v-if="item.type == 1">￥</text>
-									<text class="number" :class="{'small': String(item.quota).length>=3}">{{item.quota}}</text>
-									<text v-if="item.type == 2">%</text>
-								</view>
-								<view class="condition" v-if="item.useThresholdType == 2">
-									消费满{{item.useThresholdAmount}}可用
+									<text class="number" :class="{'small': String(item.quota).length>=3}">{{item.type==1?item.quota:item.quota/10}}</text>
+									<text v-if="item.type == 2">折</text>
 								</view>
 							</view>
 							<view class="center">
 								<view class="name" :class="{'small': String(item.couponName).length>=9}">{{item.couponName}}</view>
-								<view class="tip">
-									有效期至 {{item.endTime||''}}
+								<view class="condition" v-if="item.useThresholdType == 2">
+									消费满{{item.useThresholdAmount}}可用
 								</view>
 							</view>
 							<view class="right">
@@ -57,6 +54,9 @@
 								</view> -->
 							</view>
 						</view>
+						<view class="bottom-time">
+							有效期 {{item.startTime||''}} - {{item.endTime||''}}
+						</view>
 						<view class="type" v-if="item.type == 1">满减券</view>
 						<view class="type" v-else-if="item.type == 2">折扣卷</view>
 						<image class="status-img" :src="staticUrl+'/img/coupon-status-shiyong.png'" v-if="item.status == 2"></image>

static/css/common.scss

@@ -338,6 +338,7 @@ $pagegap:32rpx;
 		background-size: contain;
 		text-align: center;
 		background-repeat: no-repeat;
+		height: 236rpx;
 		&.ifReceive{
 			.right {
 				.btn{
@@ -346,7 +347,8 @@ $pagegap:32rpx;
 			}
 		}
 		.content{
-			height: 188rpx;
+			// padding-top: 30rpx;
+			height: calc( 236rpx - 40rpx );
 		}
 		.left{
 			width: 34%;
@@ -388,6 +390,12 @@ $pagegap:32rpx;
 					font-size: 24rpx;
 				}
 			}
+			.condition{
+				font-weight: 400;
+				font-size: 22rpx;
+				color: #D56442;
+				line-height: 34rpx;
+			}
 			.tip{
 				font-weight: 400;
 				font-size: 22rpx;
@@ -395,6 +403,14 @@ $pagegap:32rpx;
 				line-height: 30rpx;
 			}
 		}
+		.bottom-time{
+			position: absolute;
+			left: 48rpx;
+			bottom: 18rpx;
+			font-weight: 400;
+			font-size: 22rpx;
+			color: #C5412B;
+		}
 		.right{
 			// flex: 1;
 			padding-top: 20rpx;