调整

pages/user/coupon/couponDetails.vue

@@ -16,7 +16,11 @@
 					</view>
 					<view class="content-right">
 
-						 <view class="price2" v-if="userCoupon.classify == '2'"><span style="font-size: 12px;">服务费</span>{{userCoupon.value}}<span style="font-size: 12px;">折</span></view>
+						 <view class="price2" v-if="userCoupon.classify == '2'">
+							 <span style="font-size: 12px;" v-if="userCoupon.value">服务费</span>
+								<span v-if="userCoupon.value"> {{userCoupon.value}}<span style="font-size: 12px;">折</span></span>
+								<span v-else>免服务费</span>
+							 </view>
 						 <view class="price" v-else >{{userCoupon.value}}<span style="font-size: 12px;">元</span></view>
 
 						 <view class="price-condition oldTextjp2" oldstyle="font-size: 16px;">
@@ -66,6 +70,25 @@
 				<view class="content" v-html="chargingCoupon.useInstruction">
 				</view>
 			</view>	
+			<view class="explain-item" v-if="userCoupon.startDate" >
+				<view class="name">
+					有效期开始时间
+				</view>
+				<view class="content" >
+					{{userCoupon.startDate ? userCoupon.startDate : ''}}
+					
+				</view>
+			</view>	
+			<view class="explain-item" v-if="userCoupon.endDate">
+				<view class="name">
+					有效期结束时间
+				</view>
+				<view class="content" >
+					
+					{{userCoupon.endDate ? userCoupon.endDate : ''}}
+				</view>
+			</view>	
+			
 		</view>
 	</view>
 </template>
@@ -140,7 +163,7 @@
 		.content{
 			   display: flex;
 			   justify-content: space-between;
-			   padding: 24px 16px;
+			   padding: 48rpx 32rpx;
 		}
 			   .content-left{
 				   .text{
@@ -215,7 +238,7 @@
 
 .main{
 	width: 100%;
-	padding: 20px 16px 90px 16px;
+	padding: 40rpx 32rpx 180rpx 32rpx;
 	.explain-item{
 		display: flex;
 		line-height: 20px;