Skip to content

U
uniapp_vedio
Commit edeedb99 authored by jyx's avatar jyx
Browse files
Options

添加找到小程序引导页

parent 858a0319
Hide whitespace changes
Inline Side-by-side
Showing with 93 additions and 41 deletions
vedio/components/home/index.vue
View file @ edeedb99
...@@ -218,6 +218,18 @@ ...@@ -218,6 +218,18 @@
</view> </view>
</view> </view>
</uni-popup> --> </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> </view>
</template> </template>
<script> <script>
...@@ -248,11 +260,28 @@ ...@@ -248,11 +260,28 @@
bannerList: [], bannerList: [],
newRecordBean: null, newRecordBean: null,
topList: [], 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, statusBarHeight: app.globalData.statusBarHeight,
}; };
}, },
methods: { methods: {
showMaskFuc() {
let showFollowMask = uni.getStorageSync('show-follow-mask') || '';
if (showFollowMask == '1') {
this.showMask = true
uni.setStorage({
key: 'show-follow-mask',
data: '2'
});
}
},
show() { show() {
this.showMaskFuc()
// 匹配视频 // 匹配视频
this.showFirstDialog(); this.showFirstDialog();
// 轮播图 // 轮播图
...@@ -313,19 +342,19 @@ ...@@ -313,19 +342,19 @@
}); });
}, },
handleBanner(item) { handleBanner(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + // navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); // '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleInfo(item) { handleInfo(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleTop(item) { handleTop(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleBottomPlay(item) { handleBottomPlay(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleBottomClose() { handleBottomClose() {
...@@ -339,40 +368,40 @@ ...@@ -339,40 +368,40 @@
}) => {} }) => {}
}); });
}, },
showFirstDialog() { showFirstDialog() {
let that = this; let that = this;
let loadEpisode_id = uni.getStorageSync('tt_episode_id') || ''; let loadEpisode_id = uni.getStorageSync('tt_episode_id') || '';
let loadAlbum_id = uni.getStorageSync('tt_album_id') || ''; let loadAlbum_id = uni.getStorageSync('tt_album_id') || '';
setTimeout(() => { setTimeout(() => {
that.post({ that.post({
url: '/vedio/firstVedio/douyin', url: '/vedio/firstVedio/douyin',
data: { data: {
episode_id: loadEpisode_id, episode_id: loadEpisode_id,
album_id: loadAlbum_id album_id: loadAlbum_id
}, },
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
if (data.vedioMsg != null) { if (data.vedioMsg != null) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent( navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(
JSON.stringify(data.vedioMsg)) + JSON.stringify(data.vedioMsg)) +
'&tt_album_id=' + data.vedioMsg.douyinAlbumId + '&tt_album_id=' + data.vedioMsg.douyinAlbumId +
'&tt_episode_id=' + data.vedioMsg.douyinEpisodeId); '&tt_episode_id=' + data.vedioMsg.douyinEpisodeId);
// 重置短视频挂载id // 重置短视频挂载id
uni.setStorage({ uni.setStorage({
key: 'tt_album_id', key: 'tt_album_id',
data: '' data: ''
}); });
uni.setStorage({ uni.setStorage({
key: 'tt_episode_id', key: 'tt_episode_id',
data: '' data: ''
}); });
} }
} }
}); });
}, 800); }, 800);
} }
} }
}; };
...@@ -384,6 +413,19 @@ ...@@ -384,6 +413,19 @@
position: relative; 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 { .item-wrap {
width: 100%; width: 100%;
border-radius: 10rpx; border-radius: 10rpx;
......
vedio/pagesC/ttvideo/ttVideoDetail.vue
View file @ edeedb99
...@@ -2,7 +2,8 @@ ...@@ -2,7 +2,8 @@
<view style="width: 100%;height: 100%;"> <view style="width: 100%;height: 100%;">
<!-- <status-title style="position: absolute;" iconColor="white" :showBack="true" /> --> <!-- <status-title style="position: absolute;" iconColor="white" :showBack="true" /> -->
<swiper class="swiper" circular @change="swiperChange" :current="current" :vertical="true" :duration="duration"> <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> <block>
<tt-video-player v-if="Math.abs(displayIndex-index)==0" :id="list.vedioIndex" <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" :album-id="list.douyinAlbumId" :episode-id="list.douyinEpisodeId" :cloud-type="1" version="1"
...@@ -148,6 +149,15 @@ ...@@ -148,6 +149,15 @@
onShow() { onShow() {
// 从VIP页面返回关闭弹框 // 从VIP页面返回关闭弹框
// this.$refs.episodePopup.down(); // 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() { // onShareAppMessage() {
...@@ -485,7 +495,7 @@ ...@@ -485,7 +495,7 @@
.swiper { .swiper {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #000000; background-color: #000000;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment