76767

src/components/TabBar/TabBar.vue

@@ -1,6 +1,6 @@
 <template>
 	<div id="tabbar" class="tabbar" ref="tabbar">
-		<div class="tabs flex-between" :style="{'padding-bottom':`${safeArea?'34px':'10px'}`}">
+		<div class="tabs flex-between" :style="{'padding-bottom':`${safeAreaHeight}`}">
 			<div class="item flex-center" @click="switchTab(0)">
 				<img :src="`${assetsUrl}tabbar-friends-${tabbarIndex===0?'on':'off'}.png`" class="tab-img"/>
 				<div class="tab-text font22 fw400" :class="tabbarIndex===0?'tab-text-active':''">
@@ -53,6 +53,9 @@
 		computed:{
 			tabbarIndex(){
 				return this.$store.state.tabbarIndex;
+			},
+			safeAreaHeight(){
+				return localStorage.getItem('safeBottomHeight')||10
 			}
 		},
 		methods:{

src/views/login/login.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<!-- <video 
+		<video 
 		ref="myvideo"
 		:src="`${assetsUrl}login_bg${parseInt(Math.random()*6)+1}.mp4`" 
 		class="l-video" 
@@ -16,7 +16,7 @@
 		@pause="onVideoPause"
 		>
 			
-		</video> -->
+		</video>
 		<img class="lv-logo" :src="`${assetsUrl}login-sugar.png`"/>
 		<img class="lv-phone" :src="`${assetsUrl}login-btn.png`" @click="toPhoneLogin"/>
 		<div class="lv-pro">

src/views/main/main.vue

@@ -30,22 +30,10 @@
 			this.$TUIKit.registerPlugin({ 'tim-upload-plugin':TIMUploadPlugin });
 		},
 		mounted() {
-			this.getStatusBarHeight();
+			
 		},
 		methods:{
-			getStatusBarHeight(){//获取状态栏和底部安全距离
-				window.webkit.messageHandlers.call.postMessage({
-					api:"com.js.getStatusBarHeight",
-					data:{},
-					callback:'getStatusBarHeightInvoke'
-				}) 
-			},
-			getStatusBarHeightInvoke(data){
-				this.$dialog.confirm({
-					title: '标题',
-					message:JSON.stringify(data),
-				})
-			},
+			
 			resetLoginData() {
 				let user=JSON.parse(localStorage.getItem('userInfo'));	
 				this.$api.IM.loadSig({}).then(res=>{