修复首页加载不全问题

vedio/App.vue

@@ -19,8 +19,6 @@
 			// #endif
 
 			this.globalData.windowWidth = res.windowWidth;
-			this.globalData.clientHeight = res.windowHeight - this.globalData.windowWidth / 7;
-			this.globalData.tabHeight = this.globalData.windowWidth / 7;
 
 			// 抖音
 			// #ifdef MP-TOUTIAO
@@ -75,8 +73,6 @@
 			// baseUrl: 'http://test.mints-id.com/camera-api/miniApi',
 			// baseUrl: 'http://192.168.110.71:8301/miniApi',
 			titleButtonWidth: 38,
-			clientHeight: 0,
-			tabHeight: 0,
 			token: '',
 			userId: 0,
 			inviteUId: '',

vedio/components/home/index.vue

@@ -13,7 +13,7 @@
 			<image :src="maskImage2" mode="widthFix"></image>
 		</view>
 
-		<scroll-view v-if="clientHeight != 0" scroll-y :style="{'height': clientHeight + 'px'}" @scroll="onScroll">
+		<scroll-view scroll-y :style="{'height': clientHeight + 'px'}" @scroll="onScroll">
 			<view class="content">
 				<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)">
@@ -208,7 +208,7 @@
 				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',
-				clientHeight: app.globalData.clientHeight,
+				clientHeight: 0,
 				page: 1,
 				size: 10,
 				loadStatus: 'loadmore'
@@ -218,6 +218,10 @@
 			// 匹配视频
 			this.showFirstDialog();
 		},
+		created() {
+			const res = tt.getSystemInfoSync();
+			this.clientHeight = res.windowHeight - res.windowWidth / 7
+		},
 		methods: {
 			onScroll(event) {
 				// 获取scrollview已滚动的高度

vedio/components/home/my.vue

 <template>
 	<view class="body">
-		<scroll-view v-if="clientHeight != 0" scroll-y :style="{'height': clientHeight + 'px'}" @scroll="onScroll">
+		<scroll-view scroll-y>
 			<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>
@@ -104,7 +104,6 @@
 				versionName: app.globalData.versionName,
 				corpid: '', // 企业ID
 				curl: '', // 客服链接
-				clientHeight: app.globalData.clientHeight,
 			};
 		},
 

vedio/components/home/recommend.vue

 <template>
-	<view v-if="clientHeight != 0" :style="{'height': clientHeight + 'px;background: white;'}">
+	<view style="background-color: white;height: 100%;">
 		<view class="tabContainer" :style="
 					'height:' +
 					titleBarHeight +
@@ -82,7 +82,6 @@
 				showTap: false,
 				titleBarHeight: app.globalData.titleBarHeight,
 				statusBarHeight: app.globalData.statusBarHeight,
-				clientHeight: app.globalData.clientHeight,
 			}
 		},
 		onLoad(e) {},

vedio/pages/home.vue

 <template>
 	<view class="body">
-		<view v-if="clientHeight!=0" :style="{'height': clientHeight + 'px'}">
+		<view :style="{'height': clientHeight + 'px;'}">
 			<indexPage v-show="currentPage==0" ref="index" />
 			<recommendPage v-on:showEditBarH="showEditBarH" v-on:changeBottomBarColor="changeBottomBarColor"
 				v-show="currentPage==1" ref="recommend" />
 			<userPage v-show="currentPage==2" ref="user" />
 		</view>
-		<view v-if="!isShowBlackBar" class="tabs-bar" :style="{'height': tabHeight + 'px'}">
-			<view :class="currentPage==0?'tab active': 'tab'" @click="tabChange(0)">
-				<view style="margin-top: 15rpx;">
-					<image v-if="currentPage==0" class="tabs-image" src="/static/tab/index_selected.png"
-						mode="heightFix">
-					</image>
-					<image v-else class="tabs-image" src="/static/tab/index_unselected.png" mode="heightFix"></image>
-				</view>
-				剧场
-			</view>
-			<view :class="currentPage == 1?'tab active': 'tab'" @click="tabChange(1)">
-				<view style="margin-top: 15rpx;">
-					<image v-if="currentPage==1" class="tabs-image" src="/static/tab/promote_selected.png"
-						mode="heightFix"></image>
-					<image v-else class="tabs-image" src="/static/tab/promote_unselected.png" mode="heightFix"></image>
-				</view>
-				推荐
-			</view>
-			<view :class="currentPage == 2?'tab active': 'tab'" @click="tabChange(2)">
-				<view style="margin-top: 15rpx;">
-					<image v-if="currentPage==2" class="tabs-image" src="/static/tab/my_selected.png" mode="heightFix">
-					</image>
-					<image v-else class="tabs-image" src="/static/tab/my_unselected.png" mode="heightFix"></image>
-				</view>
-				我的
-			</view>
-		</view>
 
-		<view v-if="isShowBlackBar" class="tabs-bar2" :style="{'height': tabHeight + 'px'}">
-			<view :class="currentPage==0?'tab active': 'tab'" @click="tabChange(0)">
+		<view class="tabs-bar" :style="'height:'+tabHeight+'px;background-color:'+(isShowBlackBar?'#000000':'#FFFFFF')">
+			<view :class="currentPage==0?'tab active': 'tab'" @click="tabChange(0)"
+				:style="'color:'+(isShowBlackBar?'#FFFFFF':'#000000')">
 				<view style="margin-top: 15rpx;">
 					<image v-if="currentPage==0" class="tabs-image" src="/static/tab/index_selected.png"
 						mode="heightFix">
@@ -44,7 +18,8 @@
 				</view>
 				剧场
 			</view>
-			<view :class="currentPage == 1?'tab active': 'tab'" @click="tabChange(1)">
+			<view :class="currentPage == 1?'tab active': 'tab'" @click="tabChange(1)"
+				:style="'color:'+(isShowBlackBar?'#FFFFFF':'#000000')">
 				<view style="margin-top: 15rpx;">
 					<image v-if="currentPage==1" class="tabs-image" src="/static/tab/promote_selected.png"
 						mode="heightFix"></image>
@@ -52,7 +27,8 @@
 				</view>
 				推荐
 			</view>
-			<view :class="currentPage == 2?'tab active': 'tab'" @click="tabChange(2)">
+			<view :class="currentPage == 2?'tab active': 'tab'" @click="tabChange(2)"
+				:style="'color:'+(isShowBlackBar?'#FFFFFF':'#000000')">
 				<view style="margin-top: 15rpx;">
 					<image v-if="currentPage==2" class="tabs-image" src="/static/tab/my_selected.png" mode="heightFix">
 					</image>
@@ -100,10 +76,15 @@
 				showEditBar: false,
 				isFullChoice: false,
 				isShowBlackBar: false,
-				clientHeight: app.globalData.clientHeight,
-				tabHeight: app.globalData.tabHeight,
+				clientHeight: 0,
+				tabHeight: 0,
 			}
 		},
+		created() {
+			const res = tt.getSystemInfoSync()
+			this.tabHeight = res.windowWidth / 7
+			this.clientHeight = res.windowHeight - res.windowWidth / 7
+		},
 		onLoad(options) {
 			let index = options.index ?? ''
 			if (index != '' && index != undefined) {
@@ -222,6 +203,8 @@
 
 <style lang="scss">
 	.body {
+		display: flex;
+		flex-direction: column;
 		height: 100%;
 		background-color: #f5f5f5;
 	}
@@ -241,22 +224,4 @@
 			width: 50%;
 		}
 	}
-
-	.tabs-bar2 {
-		display: flex;
-		background-color: black;
-
-		.tab {
-			height: 110rpx;
-			flex: 1;
-			text-align: center;
-			font-size: 26rpx;
-			font-weight: bold;
-			color: white;
-
-			&.active {
-				color: #F8425A;
-			}
-		}
-	}
 </style>
\ No newline at end of file