更新小程序跳转页面样式

vedio/pages/loading.vue

@@ -17,13 +17,22 @@
 	</view>
 
 	<view v-else class="show-mask flex-v" @click="getVipParams">
-		<image style="width: 100%;margin-top: 200rpx;margin-bottom: 150rpx;" mode="widthFix"
+		<image style="width: 100%;margin-top: 200rpx;margin-bottom: 150rpx;z-index: 2;" mode="widthFix"
 			src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_redpkg.png">
 		</image>
 
-		<image class="heart" src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_vedio_next.png"
-			mode="widthFix">
+		<image v-if="!isVip" class="heart"
+			src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_vedio_next.png" mode="widthFix">
 		</image>
+		<button v-else open-type="launchApp" app-parameter="wechat" @click.stop="" class="heart-btn">
+			<image src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_vedio_toapp.png" mode="widthFix">
+			</image>
+		</button>
+
+		<image class="mask-bg" mode="scaleToFill"
+			src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_main.png">
+		</image>
+		<view class="mask-bottom-bg"> </view>
 	</view>
 </template>
 
@@ -51,12 +60,12 @@
 				sourceType: '',
 				slotParam: '',
 				vipList: [],
-				appName: '河狸小故事'
+				appName: '河狸小故事',
+				isVip: false
 			}
 		},
 		onLoad(options) {
 			this.tips1 = options.tips1;
-
 		},
 		onShow(options) {
 			this.ttLoging()
@@ -107,19 +116,21 @@
 								// 	'A5CFAE67AF32E71D10CA6127546E82C20A8DE7C0EAAA5697BEEC2AC2E333F9945F433703067DF5142735505C42F58997'
 								// )
 
-
 								// that.handlePay()
 
 								if (data.activiteFlag == 101) {
-									that.handlePay()
+									if (data.expireTime > 0) {
+										that.isVip = true
+									} else {
+										that.isVip = false
+										that.handlePay()
+									}
 								} else {
 									setTimeout(() => {
 										redirectTo('home?activiteFlag=' + data
 											.activiteFlag + "&idcode=" + data.idcode);
 									}, 1000);
 								}
-
-
 							}
 						});
 					},
@@ -140,6 +151,10 @@
 				});
 			},
 			getVipParams() {
+				if (this.isVip) {
+					return
+				}
+
 				let that = this;
 				if (that.vipList != null && that.vipList.length > 0) {
 					let vipBean = that.vipList[0];
@@ -277,15 +292,36 @@
 	.show-mask {
 		width: 100%;
 		height: 100%;
-		background: rgba(0, 0, 0, 0.6);
 		align-items: center;
 	}
 
+	.mask-bg {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		z-index: 0;
+	}
+
+	.mask-bottom-bg {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		background: rgba(0, 0, 0, 0.6);
+	}
+
 	/* 应用动画到心形图案 */
 	.heart {
 		position: relative;
 		width: 70%;
-		// height: 66px;
+		z-index: 2;
+		animation: heartbeat 1s infinite;
+	}
+
+	.heart-btn {
+		position: relative;
+		width: 100%;
+		z-index: 2;
+		background: none;
 		animation: heartbeat 1s infinite;
 	}