样式

components/NavBar.vue

@@ -45,15 +45,15 @@
 @import '@/common/style/mixin.styl';
 .header
 	position fixed
-	top 0
+	top var(--status-bar-height)
 	left 0
-	_wh(100%, .77rem)
-	padding 0 0.4rem
+	_wh(100%, 38.5px)
+	padding 0 20px
 	align-items flex-start
 	justify-content flex-end
 	_bis(,'../static/images/bg_header.png', 100%, 100%,bottom)
 .home_title
-	_font(0.4rem,.77rem, #8DBFEE, bold, center)
+	_font(20px,38.5px, #8DBFEE, bold, center)
 	font-family 'SourceHanSansCN-Bold'
 	font-style italic
 	background linear-gradient(0deg, #A2C3E3 0%, #5E9ED9 11.9140625%, #A2C3E3 100%)
@@ -64,9 +64,9 @@
 .home_userinfo
 	height 100%
 .exit_text
-	height .43rem
-	padding 0 .14rem
+	height 21.5px
+	padding 0 7px
 	border 1px solid #68AFF4
 	background linear-gradient(to bottom, #152B56, #1B4181)
-	_font(.2rem,.43rem, #fff,,)
+	_font(14px,21.5px, #fff,,)
 </style>