23213

src/views/chatting/chatting.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<div ref="topnav" class="topnav flex-start">
+		<div ref="topnav" class="topnav flex-start" :style="{'padding-top':`${statusBarHeight}px`}">
 			<div class="nav-item flex-center" @click="back">
 				<img :src="`${assetsUrl}back.png`" mode="widthFix" class="nav-img"></img>
 			</div>
@@ -154,6 +154,9 @@
 		computed: {
 			userInfo(){
 				return JSON.parse(localStorage.getItem('otherInfo'))
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
 		},
 		created(){

src/views/login/login.vue

@@ -4,14 +4,17 @@
 		ref="myvideo"
 		:src="`${assetsUrl}login_bg${parseInt(Math.random()*6)+1}.mp4`" 
 		class="l-video" 
-		autoplay
-		loop
+		autoplay="autoplay"
+		loop="loop"
 		:controls="false" 
-		muted
-		webkit-playsinline
-		playsinline
+		muted="muted"
+		webkit-playsinline="true"
+		playsinline="true"
 		x-webkit-airplay="allow"
-		x5-playsinline
+		x5-playsinline="true"
+		x5-video-orientation="portraint" 
+		style="object-fit: contain;"
+		preload
 		:enable-progress-gesture="false"
 		@pause="onVideoPause"
 		>

src/views/mine/guest.vue

@@ -9,7 +9,7 @@
 			</div>
 			<div class="nav-item"></div>
 		</div>
-		<div class="list" >
+		<div class="list" :style="{'padding-top':`${statusBarHeight+60}px`}">
 			<div class="list-item flex-start" v-for="(item,index) in listData" :key="index" @click="toDetail(item.id)" >
 				<div class="list-head-box">
 					<div class="list-head-img-drop" v-if="userInfo.sex==='Male'&&!userInfo.vip||userInfo.sex==='Famale'&&!userInfo.realMan"></div>

src/views/search/search.vue

@@ -17,7 +17,7 @@
 				取消
 			</div>
 		</div>
-		<div v-if="users&&users.length>0">
+		<div v-if="users&&users.length>0"  :style="{'padding-top':`${statusBarHeight+48}px`}">
 			<div class="list-item flex-start" v-for="(item,index) in users" :key="index" @click="toDetail(item.id)">
 				<div class="list-head-box">
 					<img :src="item.iconThumbnail" mode="aspectFill" class="list-head-img"></img>

src/views/vip/vip.vue

@@ -449,7 +449,7 @@
 	}
 	.action{
 		margin: 32px 16px;
-		width: 100%;
+		width: calc(100% - 32px);
 	}
 	.qustion-title{
 		color: #ffffff;
@@ -467,7 +467,7 @@
 		bottom: 0;
 		left: 0;
 		z-index: 100;
-		width: 100%;
+		width: calc(100% - 32px);
 		height: 64px;
 		margin: 0px 16px;
 		margin-bottom: 38px;