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

feat(NavBar): support custom-style

Browse Source
This commit is contained in:
陈森 2020-05-10 16:37:16 +08:00
parent eb10549463
commit c0005d06e5
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,6 +15,7 @@ VantComponent({
}, },
leftText: String, leftText: String,
rightText: String, rightText: String,
customStyle: String,
leftArrow: Boolean, leftArrow: Boolean,
border: { border: {
type: Boolean, type: Boolean,
@ -33,13 +34,18 @@ VantComponent({
data: { data: {
statusBarHeight: 0, statusBarHeight: 0,
height: 44, height: 44,
baseStyle: '',
}, },
created() { created() {
const { statusBarHeight } = wx.getSystemInfoSync(); const { statusBarHeight } = wx.getSystemInfoSync();
const { safeAreaInsetTop, zIndex } = this.data;
const paddingTop = safeAreaInsetTop ? statusBarHeight : 0;
const baseStyle = `z-index: ${zIndex};padding-top: ${paddingTop}px;`;
this.setData({ this.setData({
statusBarHeight, statusBarHeight,
height: 44 + statusBarHeight, height: 44 + statusBarHeight,
baseStyle
}); });
}, },

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

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