5656

src/views/info/city.vue

@@ -1,13 +1,13 @@
 <template>
 	<div class="container">
-		<div class="line-bar flex-between" id="linebar" v-if="type==='add'" ref="linebar">
+		<div class="line-bar flex-between" id="linebar" v-if="type==='add'" ref="linebar" :style="{'padding-top':`${statusBarHeight}px`}">
 			<div class="span active"></div>
 			<div class="span active"></div>
 			<div class="span active"></div>
 			<div class="span active"></div>
 			<div class="span"></div>
 		</div>
-		<div id="topnav" class="topnav flex-start" v-if="type==='edit'" ref="topnav">
+		<div id="topnav" class="topnav flex-start" v-if="type==='edit'" ref="topnav" :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>
@@ -67,6 +67,11 @@
 		},
 		created() {
 			
+		},
+		computed:{
+			statusBarHeight(){
+				return localStorage.getItem('statusBarHeight');
+			}
 		},
 		mounted() {
 			console.log(this.$route.params)

src/views/messages/messages.vue

@@ -358,13 +358,11 @@
 	position: relative;
 	.topnav {
 		padding: 0 5px;
-		position: fixed;
 		height:60px;
-		top: 0;
-		left: 0;
 		width: 100%;
 		z-index: 100;
 		backdrop-filter: blur(10px);
+		background-color: $bgcolor1;
 		.nav-item {
 			height: 28px;
 			margin-left: 8px;
@@ -378,7 +376,6 @@
 		}
 	}
 	.scroll{
-		padding-top: 60px;
 		padding-bottom: 60px;
 		background-color: $bgcolor1;
 		.message-item{

src/views/setting/setting.vue

@@ -70,10 +70,7 @@
 	overflow: hidden;
 	.topnav {
 		padding: 0 5px;
-		position: fixed;
 		height: 60px;
-		top: 0;
-		left: 0;
 		width: 100vw;
 		z-index: 100;
 		background-color: $bgcolor1;

src/views/vip/vip.vue

@@ -83,7 +83,7 @@
 		<div class="prot font22 fw400">
 			成为会员及代表同意<span style="color: #FFDDBD;" class="font22" @click="toAddedService">《增值服务协议》</span>
 		</div>
-		<img :src="`${assetsUrl}vip-action.png`" mode="widthFix" class="action"></img>
+		<img :src="`${assetsUrl}vip-action.png`" class="action"></img>
 		<div class="qustion-title font30 fw500">
 			支付遇到问题
 		</div>
@@ -271,10 +271,7 @@
 	overflow: auto;
 	.topnav {
 		padding: 0 5px;
-		position: fixed;
 		height: 60px;
-		top: 0;
-		left: 0;
 		width: 100vw;
 		z-index: 100;
 		background-color: $bgcolor1;
@@ -452,7 +449,7 @@
 	}
 	.action{
 		margin: 32px 16px;
-		width: 343px;
+		width: 100%;
 	}
 	.qustion-title{
 		color: #ffffff;
@@ -470,7 +467,7 @@
 		bottom: 0;
 		left: 0;
 		z-index: 100;
-		width: 343px;
+		width: 100%;
 		height: 64px;
 		margin: 0px 16px;
 		margin-bottom: 38px;