123

src/views/friends/user.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="container" ref="container" >
 		<!-- @touchmove.stop.prevent="moveStop" -->
-		<div id="topnav" class="topnav flex-start" :style="{'background-color':`rgba(21, 17, 38,${topNavAlpha})`}" v-if="!cover.isFullScreen">
+		<div id="topnav" class="topnav flex-start" :style="{'background-color':`rgba(21, 17, 38,${topNavAlpha})`,'padding-top':`${statusBarHeight}px`}" v-if="!cover.isFullScreen">
 			<div class="nav-item" @click="back">
 				<img :src="`${assetsUrl}back.png`" mode="widthFix" class="nav-img"></img>
 			</div>
@@ -293,10 +293,13 @@
 			userInfo(){
 				return JSON.parse(localStorage.getItem('userInfo'))
 			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
 		},
 		created(){
 		},
-		mounted() {
+		activated() {
 			this.otherInfo=JSON.parse(localStorage.getItem('otherInfo'));
 			console.log(this.otherInfo)
 			this.cover=this.otherInfo.cover;

src/views/info/figure.vue

@@ -135,6 +135,11 @@
 				ext:''
 			};
 		},
+		computed:{
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
+		},
 		mounted() {
 		},
 		methods:{

src/views/messages/messages.vue

@@ -10,7 +10,7 @@
 		<van-popup ref="vippopup" v-model="showVipPopup" position="center">
 			<VipPopup :swiperIndex="vipPopupIndex" @closePopup="closeVipPopup"></VipPopup>
 		</van-popup>
-		<div ref="topnav" class="topnav flex-start">
+		<div ref="topnav" class="topnav flex-start" :style="{'padding-top':`${statusBarHeight}px`}">
 			<div class="nav-item font44 fw600">
 				消息
 			</div>
@@ -134,6 +134,9 @@
 			},
 			mineInfo(){
 				return JSON.parse(localStorage.getItem('userInfo'))
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
 		},
 		created() {

src/views/mine/album.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<div id="topnav" class="topnav flex-start">
+		<div id="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>
@@ -186,6 +186,11 @@
 				previewVideoUrl:''
 			};
 		},
+		computed:{
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
+		},
 		mounted() {
 			this.getAlbumData();
 		},

src/views/mine/authReady.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<div id="topnav" class="topnav flex-start">
+		<div id="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>
@@ -88,6 +88,11 @@
 			
 			
 			
+		},
+		computed:{
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
 		},
 		mounted() {
 			

src/views/mine/chooseImage.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container flex-start">
-		<div id="topnav" class="topnav flex-start">
+		<div id="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>
@@ -136,6 +136,11 @@
 				chooseAlbumIds:[]
 			};
 		},
+		computed:{
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
+		},
 		mounted() {
 			this.getAlbumData();
 			localStorage.setItem('authReadyType','authFace');

src/views/mine/guest.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container" ref="scrolllist" @scroll.passive="scrollEvent">
-		<div id="topnav" class="topnav flex-between" >
+		<div id="topnav" class="topnav flex-between" :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>
@@ -98,6 +98,9 @@
 			},
 			userInfo(){
 				return localStorage.getItem('userInfo');
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
 		},
 		mounted() {

src/views/mine/mine.vue

@@ -11,7 +11,7 @@
 			<video :src="previewVideoUrl" class="big-vdo" autoplay="autoplay" muted="muted" loop="loop"></video>
 			<img :src="`${assetsUrl}album-delete.png`" class="popup-close" @click="showVideoPopup=false">
 		</van-popup>
-		<div id="topnav" class="topnav flex-start" :style="{'background-color':`rgba(21, 17, 38,${topNavAlpha})`}" v-if="!cover.isFullScreen">
+		<div id="topnav" class="topnav flex-start" :style="{'background-color':`rgba(21, 17, 38,${topNavAlpha})`,'padding-top':`${statusBarHeight}px`}" v-if="!cover.isFullScreen">
 			<!-- <div class="nav-item">
 				<img :src="`${assetsUrl}mine-home.png`" mode="widthFix" class="nav-img"></img>
 			</div> -->
@@ -251,6 +251,9 @@
 			},
 			userInfo(){
 				return JSON.parse(localStorage.getItem('userInfo'))
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
 		},
 		mounted() {

src/views/search/search.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<div class="search-box flex-start">
+		<div class="search-box flex-start" :style="{'padding-top':`${statusBarHeight}px`}">
 			<div class="input-box flex-start">
 				<img :src="`${assetsUrl}search-input-serch.png`" mode="aspectFill" class="search-img"></img>
 				<input 
@@ -116,6 +116,9 @@
 		computed: {
 			userInfo(){
 				return JSON.parse(localStorage.getItem('userInfo'))
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
 		},
 		methods:{

src/views/setting/setting.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<div id="topnav" class="topnav flex-between">
+		<div id="topnav" class="topnav flex-between" :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>
@@ -35,6 +35,9 @@
 		computed: {
 			userInfo(){
 				return JSON.parse(localStorage.getItem('userInfo'))
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
 		},
 		methods:{

src/views/vip/vip.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<div id="topnav" class="topnav flex-between">
+		<div id="topnav" class="topnav flex-between" :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>
@@ -142,7 +142,11 @@
 		computed: {
 			userInfo(){
 				return JSON.parse(localStorage.getItem('userInfo'))
+			},
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
 			}
+			
 		},
 		methods:{
 			catchTouchMove(){

src/views/wallet/components/topBar.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="tb-container" :class="theme">
+	<div class="tb-container" :class="theme" :style="{'padding-top':`${statusBarHeight}px`}">
 		<img src="~@/assets/wallet/back1.png" class="back" :style="{'opacity':`${isBack?1:0}`}" @click="back" v-if="theme==='white'||theme==='main'">
 		<img src="~@/assets/wallet/back2.png" class="back" :style="{'opacity':`${isBack?1:0}`}" @click="back" v-else>
 		<div class="title" :class="theme" style="background-color: transparent;">
@@ -47,6 +47,11 @@
 			}
 			
 		},
+		computed:{
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
+		},
 		mounted() {
 
 		},