添加找到小程序引导页

vedio/components/home/index.vue

@@ -218,6 +218,18 @@
 				</view>
 			</view>
 		</uni-popup> -->
+
+		<view v-if="showMask" class="show-mask flex-v" @click="showMask=false">
+			<view class="mt-30" style="width: 90%;text-align: right;">
+				<image style="width: 30rpx;height: 30rpx;padding:6rpx;
+				border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" />
+			</view>
+			<text class="mt-10" style="font-size: 46rpx;">如何继续看剧?</text>
+			<text class="m-10">找到“巨爽短剧” 小程序</text>
+
+			<image class="mt-30" mode="widthFix" :src="maskImage1"></image>
+			<image :src="maskImage2" mode="widthFix"></image>
+		</view>
 	</view>
 </template>
 <script>
@@ -248,11 +260,28 @@
 				bannerList: [],
 				newRecordBean: null,
 				topList: [],
+				showMask: false,
+				maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png',
+				maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png',
 				statusBarHeight: app.globalData.statusBarHeight,
 			};
 		},
 		methods: {
+			showMaskFuc() {
+				let showFollowMask = uni.getStorageSync('show-follow-mask') || '';
+
+				if (showFollowMask == '1') {
+					this.showMask = true
+
+					uni.setStorage({
+						key: 'show-follow-mask',
+						data: '2'
+					});
+				}
+			},
 			show() {
+				this.showMaskFuc()
+
 				// 匹配视频
 				this.showFirstDialog();
 				// 轮播图
@@ -313,8 +342,8 @@
 				});
 			},
 			handleBanner(item) {
-				navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
-					'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
+				// navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
+				// 	'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
 			},
 			handleInfo(item) {
 				navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
@@ -384,6 +413,19 @@
 		position: relative;
 	}
 
+	.show-mask {
+		width: 100%;
+		height: 100%;
+		background: rgba(0, 0, 0, 0.8);
+		z-index: 999;
+		color: white;
+		align-items: center;
+
+		image {
+			width: 90%;
+		}
+	}
+
 	.item-wrap {
 		width: 100%;
 		border-radius: 10rpx;

vedio/pagesC/ttvideo/ttVideoDetail.vue

@@ -2,7 +2,8 @@
 	<view style="width: 100%;height: 100%;">
 		<!-- <status-title style="position: absolute;" iconColor="white" :showBack="true" /> -->
 		<swiper class="swiper" circular @change="swiperChange" :current="current" :vertical="true" :duration="duration">
-			<swiper-item style="background-color: black;" v-for="(list, index) in displaySwiperList" :key="index" @click="tapVides()">
+			<swiper-item style="background-color: black;" v-for="(list, index) in displaySwiperList" :key="index"
+				@click="tapVides()">
 				<block>
 					<tt-video-player v-if="Math.abs(displayIndex-index)==0" :id="list.vedioIndex"
 						:album-id="list.douyinAlbumId" :episode-id="list.douyinEpisodeId" :cloud-type="1" version="1"
@@ -148,6 +149,15 @@
 		onShow() {
 			// 从VIP页面返回关闭弹框
 			// this.$refs.episodePopup.down();
+
+			let showFollowMask = uni.getStorageSync('show-follow-mask') || '';
+			if (showFollowMask != '1' && showFollowMask != '2') {
+				uni.setStorage({
+					key: 'show-follow-mask',
+					data: '1'
+				});
+			}
+
 		},
 		// 分享
 		// onShareAppMessage() {