删图

pages/album/albumIndex.vue

@@ -67,25 +67,25 @@
 			</view>
 		</view>
 		
-		<image class="coupon" src="./static/album/coupon.png" mode="aspectFit" @click="showUseRule = true"></image>
+		<image class="coupon" src="@/static/img/my/coupon.png" mode="aspectFit" @click="showUseRule = true"></image>
 		
 		<u-mask :show="showtip || showUseRule">
 			<view class="mask">
-				<view class="img-box">
+				<!-- <view class="img-box">
 					<image src="./static/album/postcardTip.png" mode="aspectFit" v-if="showtip"></image>
-					<!-- <view class="rules" v-if="showUseRule">
+					<image src="@/static/img/my/backgroundIcon01.png" mode="aspectFit"></image>
+					<view class="rules" v-if="showUseRule">
 						<view class="title">使用规则</view>
-						<view class="block">
-							<view class="name"></view>
+						<view class="block" v-for="item in rules" :key="item.ruleName">
+							<view class="name">{{item.ruleName}}</view>
 							<view class="content">
-								<view class="small-font"></view>
+								<view class="small-font" v-for="rule in item.contents" :key="rule.value">{{rule.value}}</view>
 							</view>
 						</view>
 					</view>
-					<image src="./static/album/useRule.png" mode="aspectFit" v-if="showUseRule"></image> -->
 					<u-icon class="close" name="close-circle" @click="closeMask"></u-icon>
 					<view class="use-rule" @click="useRuleClick" v-if="showtip"></view>
-				</view>
+				</view> -->
 				<u-button type="primary" shape="circle" @click="showtip = false" v-if="showtip">知道了</u-button>
 			</view>
 		</u-mask>
@@ -153,6 +153,20 @@ export default {
       rules: [
         {
           ruleName: '规则说明',
+          contents: [
+            {value: '任意金额皆可抵扣，最高抵扣20'},
+            {value: '指定地点可用，提交订单时可自动抵扣'},
+            {value: '优惠券只可使用一次，不找零不折现'},
+            {value: '仅支持下载电子照片至手机'},
+            {value: '如需打印，需额外支付打印费用'}
+          ]
+        },
+        {
+				  ruleName: '补充说明',
+          contents: [
+            {value: '使用地址：重庆市渝中区新华路151号闯将索道南站观景台旁'},
+            {value: '咨询电话：023-68567748'}
+          ]
         }
       ],
       options: {}//路由参数
@@ -460,6 +474,7 @@ export default {
 				height: 16px;
 			}
 		}
+		.rules,
 		image {
 			width: 504rpx;
 			height: 720rpx;
@@ -468,4 +483,6 @@ export default {
 			width: 304rpx;
 		}
 	}
+	.rules {
+	}
 </style>
\ No newline at end of file