Skip to content

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

修复推荐剧跳转慢，优化样式

parent c61de996
Hide whitespace changes
Inline Side-by-side
Showing with 434 additions and 448 deletions
vedio/App.vue
View file @ 019aa62e
...@@ -52,21 +52,11 @@ ...@@ -52,21 +52,11 @@
// checkUpdate(this); // checkUpdate(this);
// #ifdef H5 uni.getSystemInfo({
if (window.location.host === 'www.baosheji.cn') { success: (res => {
var icp = document.createElement('div'); this.globalData.clientHeight = res.windowHeight - 65
icp.innerText = '京ICP备18032652号'; })
icp.style.color = 'white'; });
icp.style.textAlign = 'center';
icp.style.position = 'fixed';
icp.style.bottom = '0';
icp.style.left = '0';
icp.style.right = '0';
icp.style.zIndex = '100';
document.body.appendChild(icp);
}
// #endif
}, },
onShow: function(options) { onShow: function(options) {
this.globalData.resetLogin = true this.globalData.resetLogin = true
...@@ -89,6 +79,7 @@ ...@@ -89,6 +79,7 @@
// baseUrl: 'http://test.mints-id.com/camera-api/miniApi', // baseUrl: 'http://test.mints-id.com/camera-api/miniApi',
// baseUrl: 'http://192.168.110.71:8301/miniApi', // baseUrl: 'http://192.168.110.71:8301/miniApi',
titleButtonWidth: 38, titleButtonWidth: 38,
clientHeight: 0,
token: '', token: '',
userId: 0, userId: 0,
inviteUId: '', inviteUId: '',
......
vedio/components/home/index.vue
View file @ 019aa62e
<template> <template>
<view class="body"> <view class="body">
<view v-if="showMask" class="show-mask flex-v" @click="showMask=false"> <view v-if="showMask" class="show-mask flex-v" @click="showMask=false">
<view class="mt-30" style="width: 90%;text-align: right;"> <view class="mt-30" style="width: 90%;text-align: right;">
<image style="width: 30rpx;height: 30rpx;padding:6rpx; <image style="width: 30rpx;height: 30rpx;padding:6rpx;
border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" /> border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" />
</view> </view>
<text class="mt-10" style="font-size: 46rpx;">如何继续看剧?</text> <text class="mt-10" style="font-size: 46rpx;">如何继续看剧?</text>
<text class="m-10">找到“薄荷短剧” 小程序</text> <text class="m-10">找到“薄荷短剧” 小程序</text>
<image class="mt-30" mode="widthFix" :src="maskImage1"></image> <image class="mt-30" mode="widthFix" :src="maskImage1"></image>
<image :src="maskImage2" mode="widthFix"></image> <image :src="maskImage2" mode="widthFix"></image>
</view> </view>
<scroll-view v-if="clientHeight != 0" scroll-y="true" :style="{'height': clientHeight + 'px'}" <scroll-view style="height: 100%;" scroll-y @scroll="onScroll">
@scroll="onScroll"> <view class="content">
<view class="content"> <swiper class="banner" :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500">
<swiper class="banner" :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500"> <swiper-item v-for="banner in bannerList" :key="banner.vedioId" @click="handleBanner(banner)">
<swiper-item v-for="banner in bannerList" :key="banner.vedioId" @click="handleBanner(banner)"> <image class="banner-img" :src="banner.tabImage" mode="aspectFill"></image>
<image class="banner-img" :src="banner.tabImage" mode="aspectFill"></image> </swiper-item>
</swiper-item> </swiper>
</swiper>
<view
<view style="display: flex;flex-direction: column;background-color:white;border-radius:10rpx;margin-top: 20rpx;">
style="display: flex;flex-direction: column;background-color:white;border-radius:10rpx;margin-top: 20rpx;"> <view style="font-size: 30rpx;font-weight: 777;margin-left: 12rpx;margin-top: 18rpx;">排行榜</view>
<view style="font-size: 30rpx;font-weight: 777;margin-left: 12rpx;margin-top: 18rpx;">排行榜</view> <scroll-view scroll-x="true" style="white-space: nowrap; margin-top: 18rpx;">
<scroll-view scroll-x="true" style="white-space: nowrap; margin-top: 18rpx;"> <block v-for="(item, index) in topList" :key="item.vedioId">
<block v-for="(item, index) in topList" :key="item.vedioId"> <view @click="handleTop(item)"
<view @click="handleTop(item)" style="display:inline-block;background-color:white;border-radius:10rpx;width: 200rpx;margin: 5rpx 10rpx 15rpx 10rpx;">
style="display:inline-block;background-color:white;border-radius:10rpx;width: 200rpx;margin: 5rpx 10rpx 15rpx 10rpx;"> <view style="position: relative;">
<view style="position: relative;"> <view style="position: relative;">
<view style="position: relative;"> <view style="position: absolute;z-index: 10;margin-left: 20rpx;">
<view style="position: absolute;z-index: 10;margin-left: 20rpx;"> <view style="position: relative;">
<view style="position: relative;"> <view
<view style="position: absolute;z-index: 10;width: 50rpx;text-align: center;margin-top: 8rpx;font-size: 24rpx;color: white;">
style="position: absolute;z-index: 10;width: 50rpx;text-align: center;margin-top: 8rpx;font-size: 24rpx;color: white;"> {{index+1}}
{{index+1}} </view>
</view> <image v-if="index==0"
<image v-if="index==0" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" src="../../static/index/y43.png"></image>
src="../../static/index/y43.png"></image> <image v-else-if="index==1"
<image v-else-if="index==1" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" src="../../static/index/y42.png"></image>
src="../../static/index/y42.png"></image> <image v-else-if="index==2"
<image v-else-if="index==2" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" src="../../static/index/y41.png"></image>
src="../../static/index/y41.png"></image> <image v-else
<image v-else style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" src="../../static/index/y4.png"></image>
src="../../static/index/y4.png"></image> </view>
</view>
</view>
</view> <image style="border-radius:10rpx; width: 200rpx;height: 260rpx;"
:src="item.coverImage" mode="aspectFill"></image>
<image style="border-radius:10rpx; width: 200rpx;height: 260rpx;" </view>
:src="item.coverImage" mode="aspectFill"></image>
</view> <view
style="position: absolute;bottom: 10rpx;background-color: black;width: 100%;opacity: 0.5;">
<view <view style="display: flex;align-items: center;margin-left: 10rpx;">
style="position: absolute;bottom: 10rpx;background-color: black;width: 100%;opacity: 0.5;"> <image
<view style="display: flex;align-items: center;margin-left: 10rpx;"> style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
<image src="../../static/index/ic_index_play.png"></image>
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" <view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
src="../../static/index/ic_index_play.png"></image> </view>
<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view> </view>
</view>
</view> </view>
<view style="font-size: 26rpx;margin-top: 10rpx;height: 60rpx;">{{item.title}}</view>
</view> <view class="ellipsis" style="font-size: 22rpx;margin-top: 10rpx;"
<view style="font-size: 26rpx;margin-top: 10rpx;height: 60rpx;">{{item.title}}</view> v-if="item.orderTags!=null&&item.orderTags.length>0">
<view class="ellipsis" style="font-size: 22rpx;margin-top: 10rpx;" <scroll-view scroll-x="true">
v-if="item.orderTags!=null&&item.orderTags.length>0"> <block v-for="t in item.orderTags" :key="item.orderTags">
<scroll-view scroll-x="true"> <view style="display:inline-block;margin-right: 4rpx;">{{t}} </view>
<block v-for="t in item.orderTags" :key="item.orderTags"> </block>
<view style="display:inline-block;margin-right: 4rpx;">{{t}} </view> </scroll-view>
</block> </view>
</scroll-view> </view>
</view> </block>
</view>
</block> </scroll-view>
</view>
</scroll-view>
</view> <view
style="font-size: 30rpx;font-weight: 777;margin-top: 20rpx;margin-bottom: 10rpx;margin-left: 4rpx;">
<view 推荐</view>
style="font-size: 30rpx;font-weight: 777;margin-top: 20rpx;margin-bottom: 10rpx;margin-left: 4rpx;">
推荐</view> <view style="column-count: 2;column-gap: 20rpx;margin-top: 20rpx;">
<view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 0"
<view style="column-count: 2;column-gap: 20rpx;margin-top: 20rpx;"> @click="handleInfo(item)">
<view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 0"
@click="handleInfo(item)"> <view style="position: relative;">
<image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style="position: relative;"> <view
<image class="img" :src="item.coverImage" mode="aspectFill"></image> style="position: absolute;bottom: 10rpx;width: 95%;padding: 10rpx;background-color: black;opacity: 0.5;">
<view <view style="display: flex;flex-direction: row;justify-content:space-between;">
style="position: absolute;bottom: 10rpx;width: 95%;padding: 10rpx;background-color: black;opacity: 0.5;"> <view style="display: flex;align-items: center;">
<view style="display: flex;flex-direction: row;justify-content:space-between;"> <image
<view style="display: flex;align-items: center;"> style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
<image src="../../static/index/ic_index_play.png"></image>
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" <view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
src="../../static/index/ic_index_play.png"></image> </view>
<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view> <view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集
</view> </view>
<view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集 </view>
</view> </view>
</view> </view>
</view> <view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.title}}</view>
</view> <!-- <view style="font-size: 22rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.vedioDesc}}</view> -->
<view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.title}}</view> </view>
<!-- <view style="font-size: 22rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.vedioDesc}}</view> --> <view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 1"
</view> @click="handleInfo(item)">
<view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 1"
@click="handleInfo(item)"> <view style="position: relative;">
<image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style="position: relative;"> <view
<image class="img" :src="item.coverImage" mode="aspectFill"></image> style="position: absolute;bottom: 10rpx;width: 95%;padding: 10rpx;background-color: black;opacity: 0.5;">
<view <view style="display: flex;flex-direction: row;justify-content:space-between;">
style="position: absolute;bottom: 10rpx;width: 95%;padding: 10rpx;background-color: black;opacity: 0.5;"> <view style="display: flex;align-items: center;">
<view style="display: flex;flex-direction: row;justify-content:space-between;"> <image
<view style="display: flex;align-items: center;"> style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
<image src="../../static/index/ic_index_play.png"></image>
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" <view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
src="../../static/index/ic_index_play.png"></image> </view>
<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view> <view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集
</view> </view>
<view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集 </view>
</view> </view>
</view> </view>
</view> <view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;height: 60rpx;">
</view> {{item.title}}
<view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;height: 60rpx;"> </view>
{{item.title}}
</view> </view>
</view>
</view> <u-loadmore :status="loadStatus" @loadmore="loadMore"></u-loadmore>
</view> </view>
<u-loadmore :status="loadStatus" @loadmore="loadMore"></u-loadmore> </scroll-view>
</view>
</scroll-view> <view v-if="newRecordBean!=null"
style="width: 97%;height: 150rpx;margin: 10rpx;opacity: 0.8;background-color: black;z-index: 20;position: absolute;bottom: 0;border-radius:10rpx;">
<view v-if="newRecordBean!=null" <view style="display: flex;margin-left: 10rpx;">
style="width: 97%;height: 150rpx;margin: 10rpx;opacity: 0.8;background-color: black;z-index: 20;position: absolute;bottom: 0;border-radius:10rpx;"> <view style="flex-grow: 2;display: flex;align-items: center;">
<view style="display: flex;margin-left: 10rpx;"> <image style="border-radius:10rpx; width: 100rpx;height: 130rpx;margin-top: 10rpx;"
<view style="flex-grow: 2;display: flex;align-items: center;"> :src="newRecordBean.coverImage" mode="aspectFill"></image>
<image style="border-radius:10rpx; width: 100rpx;height: 130rpx;margin-top: 10rpx;" <view style="margin: 20rpx;">
:src="newRecordBean.coverImage" mode="aspectFill"></image> <view style="font-size: 30rpx; color: white;">{{newRecordBean.title}}</view>
<view style="margin: 20rpx;"> <view style="font-size: 24rpx;margin-top: 6rpx;color: white;">上次观看至第{{newRecordBean.seeIndex}}集
<view style="font-size: 30rpx; color: white;">{{newRecordBean.title}}</view> </view>
<view style="font-size: 24rpx;margin-top: 6rpx;color: white;">上次观看至第{{newRecordBean.seeIndex}}集 <view style="font-size: 22rpx;"
</view> v-if="newRecordBean.orderTags!=null&&newRecordBean.orderTags.length>0">
<view style="font-size: 22rpx;" <scroll-view scroll-x="true">
v-if="newRecordBean.orderTags!=null&&newRecordBean.orderTags.length>0"> <block v-for="t in newRecordBean.orderTags" :key="newRecordBean.orderTags">
<scroll-view scroll-x="true"> <view style="display:inline-block;margin-right: 4rpx;">{{t}} </view>
<block v-for="t in newRecordBean.orderTags" :key="newRecordBean.orderTags"> </block>
<view style="display:inline-block;margin-right: 4rpx;">{{t}} </view> </scroll-view>
</block> </view>
</scroll-view> </view>
</view> </view>
</view>
</view> <view style="display: flex;flex-direction: column;align-items: flex-end;">
<image @click="handleBottomClose()" style="width: 30rpx;height: 30rpx;display: flex;margin: 10rpx;"
<view style="display: flex;flex-direction: column;align-items: flex-end;"> src="../../static/index/ic_quit_white.png" mode="aspectFill"></image>
<image @click="handleBottomClose()" style="width: 30rpx;height: 30rpx;display: flex;margin: 10rpx;" <view @click="handleBottomPlay(newRecordBean)"
src="../../static/index/ic_quit_white.png" mode="aspectFill"></image> style="width: 160rpx;height: 50rpx;margin-top: 8rpx;line-height: 50rpx;color: white;text-align: center;background-color: red;border-radius:30rpx;margin-right: 20rpx;">
<view @click="handleBottomPlay(newRecordBean)" 继续观看
style="width: 160rpx;height: 50rpx;margin-top: 8rpx;line-height: 50rpx;color: white;text-align: center;background-color: red;border-radius:30rpx;margin-right: 20rpx;"> </view>
继续观看 </view>
</view>
</view> </view>
</view>
</view>
</view> </view>
</template>
</view> <script>
</template> import common from '@/mixins/common';
<script>
import common from '@/mixins/common'; import {
getToLocal
import { } from "@/utils/utils.js"
getToLocal
} from "@/utils/utils.js" import {
gotoVideoPlayerPage
import { } from '@/common/page-route.js'
gotoVideoPlayerPage
} from '@/common/page-route.js' import {
navigateTo,
import { message,
navigateTo, alert,
message, loading
alert, } from '@/utils/fun.js';
loading import {
} from '@/utils/fun.js'; openUrl
import { } from '@/utils/app+.js';
openUrl
} from '@/utils/app+.js'; const app = getApp();
const app = getApp(); export default {
name: 'index',
export default { mixins: [common],
name: 'index', data() {
mixins: [common], return {
data() { dataList: [],
return { bannerList: [],
dataList: [], newRecordBean: null,
bannerList: [], topList: [],
newRecordBean: null, showMask: false,
topList: [], maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png',
showMask: false, maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png',
maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png', clientHeight: 0,
maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png', page: 1,
clientHeight: 0, size: 100,
page: 1, loadStatus: 'loadmore'
size: 10, };
loadStatus: 'loadmore' },
}; mounted() {
}, let that = this
mounted() { uni.getSystemInfo({
let that = this success: (res => {
uni.getSystemInfo({ this.clientHeight = res.windowHeight - 50;
success: (res => { })
this.clientHeight = res.windowHeight - 50; });
}) // 匹配视频
}); this.showFirstDialog();
// 匹配视频 },
this.showFirstDialog(); methods: {
}, onScroll(event) {
methods: { // 获取scrollview已滚动的高度
onScroll(event) { const scrollTop = event.detail.scrollTop;
// 获取scrollview已滚动的高度 // 获取内容的总高度
const scrollTop = event.detail.scrollTop; const contentHeight = event.detail.scrollHeight;
// 获取内容的总高度
const contentHeight = event.detail.scrollHeight; // 判断是否滑动到底部（已滚动的高度 + 视图高度 >= 内容高度）
if ((scrollTop + this.clientHeight + 50) >= contentHeight) {
// 判断是否滑动到底部（已滚动的高度 + 视图高度 >= 内容高度） this.loadMore()
if ((scrollTop + this.clientHeight + 50) >= contentHeight) { }
this.loadMore() },
} showMaskFuc() {
}, let showFollowMask = uni.getStorageSync('show-follow-mask') || '';
showMaskFuc() {
let showFollowMask = uni.getStorageSync('show-follow-mask') || ''; if (showFollowMask == '1') {
this.showMask = true
if (showFollowMask == '1') {
this.showMask = true uni.setStorage({
key: 'show-follow-mask',
uni.setStorage({ data: '2'
key: 'show-follow-mask', });
data: '2' }
}); },
} show() {
}, this.showMaskFuc()
show() {
this.showMaskFuc() // 轮播图
this.post({
// 轮播图 url: '/vedio/topTabs',
this.post({ showLoading: false,
url: '/vedio/topTabs', success: ({
showLoading: false, data
success: ({ }) => {
data this.bannerList = data.list;
}) => { }
this.bannerList = data.list; });
} // 排行榜
}); this.post({
// 排行榜 url: '/vedio/orders',
this.post({ showLoading: false,
url: '/vedio/orders', success: ({
showLoading: false, data
success: ({ }) => {
data this.topList = data.list;
}) => { }
this.topList = data.list; });
}
}); // 最近观看剧
this.post({
// 最近观看剧 url: '/vedio/newest',
this.post({ data: {},
url: '/vedio/newest', showLoading: false,
data: {}, success: ({
showLoading: false, data
success: ({ }) => {
data if (data.vedio != null) {
}) => { this.newRecordBean = data.vedio;
if (data.vedio != null) { }
this.newRecordBean = data.vedio; }
} });
}
}); this.page = 1
// this.size = 10
this.page = 1 this.loadList()
this.size = 10 },
this.loadList() hide() {},
}, loadList() {
hide() {}, // 推荐列表
loadList() { this.post({
// 推荐列表 url: '/vedio/list',
this.post({ data: {
url: '/vedio/list', page: this.page,
data: { size: this.size
page: this.page, },
size: this.size showLoading: false,
}, success: ({
showLoading: false, data
success: ({ }) => {
data this.loadStatus = data.list.size < this.size ? 'nomore' : 'loadmore';
}) => {
this.loadStatus = data.list.size < this.size ? 'nomore' : 'loadmore'; if (data.list.size <= 10) {
this.dataList = [...this.dataList, ...data.list];
if (data.list.size <= 10) { return
this.dataList = [...this.dataList, ...data.list]; }
return
} if (this.page == 1) {
this.dataList = data.list
if (this.page == 1) { } else {
this.dataList = data.list this.dataList = [...this.dataList, ...data.list];
} else { }
this.dataList = [...this.dataList, ...data.list]; }
} });
} },
}); loadMore() {
}, if (this.loadStatus === 'loading' || this.loadStatus === 'nomore') return;
loadMore() {
if (this.loadStatus === 'loading' || this.loadStatus === 'nomore') return; this.loadStatus = 'loading'
this.page = ++this.page
this.loadStatus = 'loading' this.loadList()
this.page = ++this.page },
this.loadList() handleBanner(item) {
}, gotoVideoPlayerPage(item)
handleBanner(item) { },
gotoVideoPlayerPage(item) handleInfo(item) {
}, gotoVideoPlayerPage(item)
handleInfo(item) { },
gotoVideoPlayerPage(item) handleTop(item) {
}, gotoVideoPlayerPage(item)
handleTop(item) { },
gotoVideoPlayerPage(item) handleBottomPlay(item) {
}, gotoVideoPlayerPage(item)
handleBottomPlay(item) { },
gotoVideoPlayerPage(item) handleBottomClose() {
}, this.newRecordBean = null;
handleBottomClose() { this.post({
this.newRecordBean = null; url: '/vedio/colseNewest',
this.post({ data: {},
url: '/vedio/colseNewest', showLoading: false,
data: {}, success: ({
showLoading: false, data
success: ({ }) => {}
data });
}) => {} },
}); showFirstDialog() {
}, let that = this;
showFirstDialog() { let loadEpisode_id = uni.getStorageSync('tt_episode_id') || '';
let that = this; let loadAlbum_id = uni.getStorageSync('tt_album_id') || '';
let loadEpisode_id = uni.getStorageSync('tt_episode_id') || ''; that.post({
let loadAlbum_id = uni.getStorageSync('tt_album_id') || ''; url: '/vedio/firstVedio/douyin',
setTimeout(() => { data: {
that.post({ episode_id: loadEpisode_id,
url: '/vedio/firstVedio/douyin', album_id: loadAlbum_id
data: { },
episode_id: loadEpisode_id, showLoading: false,
album_id: loadAlbum_id success: ({
}, data
showLoading: false, }) => {
success: ({ if (data.vedioMsg != null) {
data gotoVideoPlayerPage(data.vedioMsg)
}) => {
if (data.vedioMsg != null) { // 重置短视频挂载id
gotoVideoPlayerPage(data.vedioMsg) uni.setStorage({
key: 'tt_album_id',
// 重置短视频挂载id data: ''
uni.setStorage({ });
key: 'tt_album_id', uni.setStorage({
data: '' key: 'tt_episode_id',
}); data: ''
uni.setStorage({ });
key: 'tt_episode_id', }
data: '' }
}); });
} }
} }
}); };
}, 800); </script>
}
} <style lang="scss">
}; .body {
</script> background-color: whitesmoke;
position: relative;
<style lang="scss"> }
.body {
background-color: whitesmoke; .show-mask {
position: relative; width: 100%;
} height: 100%;
background: rgba(0, 0, 0, 0.6);
.show-mask { position: absolute;
width: 100%; z-index: 999;
height: 100%; color: white;
background: rgba(0, 0, 0, 0.6); align-items: center;
position: absolute;
z-index: 999; image {
color: white; width: 90%;
align-items: center; }
}
image {
width: 90%; .item-wrap {
} width: 100%;
} border-radius: 10rpx;
background-color: #fff;
.item-wrap { break-inside: avoid;
width: 100%; margin-bottom: 20rpx;
border-radius: 10rpx; height: 500rpx;
background-color: #fff; }
break-inside: avoid;
margin-bottom: 20rpx; .img {
height: 500rpx; position: relative;
} border-radius: 10rpx;
width: 100%;
.img { height: 390rpx;
position: relative; }
border-radius: 10rpx;
width: 100%;
height: 390rpx;
}
</style> </style>
\ No newline at end of file
vedio/components/home/my.vue
View file @ 019aa62e
<template> <template>
<view class="body"> <view class="body">
<z-paging style="height: 100%;background-color: #f5f5f5;"> <scroll-view style="height: 100%;" scroll-y>
<view :style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+10+'px;'"> <view
:style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+10+'px;'">
<image class="avatar" src="@/static/logo-about.png"></image> <image class="avatar" src="@/static/logo-about.png"></image>
<view> <view>
<view style="font-size: 32rpx;color: black;margin-left: 20rpx;">用户ID：{{userBean.idcode}}</view> <view style="font-size: 32rpx;color: black;margin-left: 20rpx;">用户ID：{{userBean.idcode}}</view>
...@@ -60,7 +61,7 @@ ...@@ -60,7 +61,7 @@
<view style="display: flex;justify-content: center;margin-top: 20rpx;font-size: 26rpx;color: gray;"> <view style="display: flex;justify-content: center;margin-top: 20rpx;font-size: 26rpx;color: gray;">
{{ versionName }} {{ versionName }}
</view> </view>
</z-paging> </scroll-view>
<coin-popup :show="showAnimate" @close="showAnimate = false" @paySuccess="paySuccess"> <coin-popup :show="showAnimate" @close="showAnimate = false" @paySuccess="paySuccess">
</coin-popup> </coin-popup>
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" /> <kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
......
vedio/pages/home.vue
View file @ 019aa62e
<template> <template>
<view class="body"> <view class="body">
<view style="height: 92%;"> <view :style="{'height': clientHeight + 'px'}">
<indexPage v-show="currentPage==0" ref="index" /> <indexPage v-show="currentPage==0" ref="index" />
<recommendPage v-on:showEditBarH="showEditBarH" v-on:changeBottomBarColor="changeBottomBarColor" <recommendPage v-on:showEditBarH="showEditBarH" v-on:changeBottomBarColor="changeBottomBarColor"
v-show="currentPage==1" ref="recommend" /> v-show="currentPage==1" ref="recommend" />
<userPage v-show="currentPage==2" ref="user" /> <userPage v-show="currentPage==2" ref="user" />
</view> </view>
<view v-if="!isShowBlackBar" class="tabs-bar"> <view v-if="!isShowBlackBar" class="tabs-bar" style="height: 65px;">
<view :class="currentPage==0?'tab active': 'tab'" :style="'padding-bottom:' + bottomSafePadding + 'px;'" <view :class="currentPage==0?'tab active': 'tab'" :style="'padding-bottom:' + bottomSafePadding + 'px;'"
@click="tabChange(0)"> @click="tabChange(0)">
<view style="margin: 16rpx 0 11rpx;"> <view style="margin: 16rpx 0 11rpx;">
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
</view> </view>
</view> </view>
<view v-if="isShowBlackBar" class="tabs-bar2"> <view v-if="isShowBlackBar" class="tabs-bar2" style="height: 65px;">
<view :class="currentPage==0?'tab active': 'tab'" :style="'padding-bottom:' + bottomSafePadding + 'px;'" <view :class="currentPage==0?'tab active': 'tab'" :style="'padding-bottom:' + bottomSafePadding + 'px;'"
@click="tabChange(0)"> @click="tabChange(0)">
<view style="margin: 16rpx 0 11rpx;"> <view style="margin: 16rpx 0 11rpx;">
...@@ -110,7 +110,8 @@ ...@@ -110,7 +110,8 @@
currentPage: 0, currentPage: 0,
showEditBar: false, showEditBar: false,
isFullChoice: false, isFullChoice: false,
isShowBlackBar: false isShowBlackBar: false,
clientHeight: app.globalData.clientHeight,
} }
}, },
onLoad(options) { onLoad(options) {
...@@ -129,12 +130,9 @@ ...@@ -129,12 +130,9 @@
if (wx.setVisualEffectOnCapture) { if (wx.setVisualEffectOnCapture) {
wx.setVisualEffectOnCapture({ wx.setVisualEffectOnCapture({
visualEffect: 'hidden', visualEffect: 'hidden',
success: (res) => { success: (res) => {}
},
}) })
} }
}, },
onShow() { onShow() {
try { try {
......
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