blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

fix(NavBar): fix safeAreaInsetTop not work in android device

Browse Source 
fix #2114
This commit is contained in:
rex 2019-10-14 15:12:45 +08:00 committed by GitHub
parent dd6053cd09
commit 4baa4b93b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/nav-bar/index.less
View File

@ -9,11 +9,6 @@
.theme(line-height, '@nav-bar-height');
.theme(background-color, '@white');
&--safe {
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
}
&__text {
display: inline-block;
margin: 0 -15px;

9
packages/nav-bar/index.ts
View File

@ -23,6 +23,15 @@ VantComponent({
},
},
data: {
statusBarHeight: 0
},
created() {
const { statusBarHeight } = wx.getSystemInfoSync();
this.setData({ statusBarHeight });
},
methods: {
onClickLeft() {
this.$emit('click-left');

4
packages/nav-bar/index.wxml
View File

@ -1,8 +1,8 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<view
class="{{ utils.bem('nav-bar', { fixed, safe: safeAreaInsetTop }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
style="z-index: {{ zIndex }};"
class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
style="z-index: {{ zIndex }}; padding-top: {{ safeAreaInsetTop ? statusBarHeight : 0 }}px;"
>
<view class="van-nav-bar__left" bind:tap="onClickLeft">
<block wx:if="{{ leftArrow || leftText }}">