feat: 已使用优惠券样式修改

orderPages/myCoupon/module/index.rpx.css

@@ -8,6 +8,9 @@
 }
 
 .listBackground{
+    width: 686rpx;
+    height: 188rpx;
+    margin-top: 24rpx;
     background-image: url('/static/coupon/u211.png');
     background-repeat: no-repeat;
     background-size: cover;

orderPages/myCoupon/module/mescrollUni-item.vue

@@ -9,11 +9,9 @@
 		:up="upOption" @up="upCallback" @emptyclick="emptyClick">
 
 		<view class="flex-row justify-center">
-
 			<view class="flex-col">
-				<view  class="flex-col" :class="item.state == '0'?'':'listBackground'" v-for="(item,index) in list" :key="index" >
-
-					<view class="row-list flex-row justify-start">
+				<view  class="flex-col" v-for="(item,index) in list" :key="index" >
+					<view class="flex-row justify-start" :class="item.state == '0'?'row-list':'listBackground'">
 						<view class="h-text flex-col justify-center ">
 							<view class="money">
 								<text>{{item.discountsPrice}}</text>
@@ -59,24 +57,21 @@
 							</view>
 						</view>
 					</view>
-					<view v-if="showRemarkId == item.id " class="remark"  style="text-indent:unset">
-            <view v-if="item.remark !=null" class="remarkText">
+					<view v-if="showRemarkId == item.id" class="remark"  style="text-indent:unset">
+            <view  class="remarkText">
               <view>
                 可用门店:<text>{{item.useStoreDesc}}</text>
               </view>
-              <view>
+              <view v-if="item.remark !=null">
                 使用说明:<text>{{item.remark}}</text>
               </view>
+              <text v-else class="remarkText">该优惠券暂无使用说明</text>
             </view>
-            <text v-else class="remarkText">该优惠券暂无使用说明</text>
+
 					</view>
 				</view>
-
 			</view>
-
-
 		</view>
-
 	</mescroll-uni>
 </template>
 

orderPages/receiveCoupons/index.rpx.scss

@@ -2,6 +2,7 @@
 .page{
   background: #F7F7F7;
   padding: 0 32rpx;
+  height: 100vh;
   border-top: 1px solid #F7F7F7 ;
 }
 .btn{
@@ -9,7 +10,6 @@
   background: #FFE05C;
   border-radius: 54rpx;
   margin: 32rpx 0;
-
   font-size: 28rpx;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
@@ -101,7 +101,7 @@
   width: 136rpx;
   height: 136rpx;
 }
-.row-list:first-child{
+.row-list :first-child{
   margin-top: 0;
 }
 .btn{

orderPages/receiveCoupons/index.vue

@@ -10,7 +10,6 @@
 		</view>
 		<view v-else>
 		<view  class="flex-col" v-for="(item,index) in countsList" :key="index">
-
 			<view class="row-list flex-row justify-start">
 				<view class="h-text flex-col justify-center ">
 					<view class="money">
@@ -36,7 +35,7 @@
 						领取后{{item.effectiveDays}}天内有效
 					</view>
 					<view class="title flex-row">
-						<text @click.stop="showRemark(item)">使用说明</text>
+						<text @click.stop="showRemark(item)">使用规则</text>
 						<u-icon v-if="item.id == showRemarkId" name="arrow-down-fill" color="" size="12"></u-icon>
 						<u-icon v-else name="play-right-fill" color="" size="12"></u-icon>
 					</view>
@@ -48,16 +47,15 @@
 					</view>
 				</view>
 			</view>
-
 			<view v-if="showRemarkId == item.id" class="remark" style="text-indent:unset">
         <view>
           可用门店:<text>{{item.useStoreDesc}}</text>
         </view>
-        <view>
+        <view v-if="item.remark !=null">
           使用说明:<text>{{item.remark}}</text>
         </view>
+        <text v-else class="remarkText">该优惠券暂无使用说明</text>
 			</view>
-
 		</view>
 		</view>
 
@@ -117,8 +115,6 @@
 	};
 </script>
 <style lang="scss" scoped>
-
 	@import '/common/css/common.css';
 	@import './index.rpx.scss';
-
 </style>