修改卡片领取提示信息

pages/album/albumIndex.vue

 <template>
-	<view class="big-box" :style="{'padding-top': statusBarHeight + 'px'}" v-show="show">
+	<view class="big-box" :style="{'padding-top': statusBarHeight + 'px'}" v-if="show">
 		
 		<view class="nav-bar" :style="{'top': statusBarHeight + 'px', 'height': navHeight + 'px','line-height': navHeight + 'px'}">
 			<u-icon name="arrow-left" v-if="options.index" @click="returnClick"></u-icon>
@@ -67,25 +67,26 @@
 			</view>
 		</view>
 		
-		<image class="coupon" src="@/static/img/my/coupon.png" mode="aspectFit" @click="showUseRule = true"></image>
+		<image
+			class="coupon"
+			src="@/static/img/my/coupon.png"
+			mode="aspectFit"
+			@click="showUseRule = true"
+			v-if="isHaveCoupon">
+		</image>
 		
 		<u-mask :show="showtip || showUseRule">
 			<view class="mask">
 				<view class="img-box">
 					<image class="bg" src="@/static/img/my/backgroundIcon01.png" mode="aspectFit"></image>
 					<view class="post-card" v-if="showtip">
-						<view class="congra">恭喜您！</view>
-						<view class="get-price-tip">
-							获得摄影抵用券
-							<text class="price">20</text>
-							元
+						<view class="thank">- 感谢您的参与 -</view>
+						<view class="tip-content">
+							<text>免费领取</text>
+							<text>纪念小照片1张</text>
 						</view>
 						<image class="my-card" src="./static/album/myCard.png" mode="aspectFit"></image>
-						<view class="use-rule" @click="useRuleClick">
-							使用规则
-							<u-icon name="arrow-right"></u-icon>
-						</view>
-						<view class="address">（使用地址：长江索道南站观景台旁）</view>
+						<view class="address">（领取地址：南站观景台旁）</view>
 					</view>
 					<view class="rules" v-if="showUseRule">
 						<view class="title">使用规则</view>
@@ -127,6 +128,7 @@ export default {
       capsule: 0,
       navHeight: 0,
       show: false,//是否显示首页
+      isHaveCoupon: false,//是否有劵
       list: [
         {
           title: '精彩瞬间',
@@ -195,10 +197,6 @@ export default {
       this.showtip = false
       this.showUseRule = false
     },
-    useRuleClick() {//---查看使用规则
-      this.showtip = false
-      this.showUseRule = true
-    },
     jumpToScanFaceClick() {//---跳转扫脸页面
       const openid = uni.getStorageSync('openid')
 			
@@ -293,12 +291,17 @@ export default {
         this.show = true
       }
     },
-    couponIsUse() {
+    couponIsUse() {//---判断是否有劵
       const openid = uni.getStorageSync('openid')
 			
       this.$request('wechatUser/myPage/getUserCouponList',{openid}).then(res => {
 			  if (res.code === '00') {
 			    console.log(res.data)
+          res.data.forEach(item => {
+            if(item.userRange === 11 && item.couponStatus === 1) {
+              this.isHaveCoupon = true
+            }
+          })
 			  }else{
 			    uni.showToast({
 			      title: res.message,
@@ -538,18 +541,14 @@ export default {
 			justify-content: space-between;
 			
 			font-size: 36rpx;
-			.congra {
-				font-weight: 700;
-			}
-			.price {
-				font-size: 64rpx;
-				font-weight: 700;
-				color: #EE520E;
-				margin: 0 16rpx;
+			.thank {
+				font-size: 28rpx;
+				color: #999;
 			}
-			.use-rule {
-				font-size: 24rpx;
-				color: #333;
+			.tip-content {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
 			}
 			.address {
 				font-size: 24rpx;