tb

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':`${safeAreaHeight}`}">
+		<div class="tabs flex-between" :style="{'padding-bottom':`${safeAreaHeight}px`}">
 			<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':''">
@@ -24,13 +24,12 @@
 </template>
 
 <script>
-	import {hasSafeArea,assetsUrl} from '../../util/index.js'
+	import {assetsUrl} from '../../util/index.js'
 	export default {
 		name:"TabBar",
 		data() {
 			return {
 				assetsUrl,
-				safeArea:hasSafeArea(),
 				list:[ 
 					{
 						pagePath: "friends",

src/views/friends/friends.vue

@@ -1,7 +1,6 @@
 <template>
 	<div class="container flex-between">
-		<div class="statusBar" :style="{'height':`${statusBarHeight}px`}"></div>
-		<div id="topnav" class="topnav flex-between" ref="topnav">
+		<div id="topnav" class="topnav flex-between" ref="topnav" :style="{'padding-top':`${statusBarHeight}px`}">
 			<div class="top-left flex-start">
 				<div class="nav-item" v-for="(item,index) in navs" :key="index" :style="{
 					'font-size':`${navIndex===index?'20px':'16px'}`,