微信小程序自定义导航栏
1、自定义导航栏
文件结构
nav-bar
// 放在app.js中
statusBarHeight:const info = wx.getSystemInfoSync().statusBarHeight // 状态栏占位
navBarHeight:44 // 自定义高度
2、使用:
在需要自定义的page中修改index.json文件
{
"navigationBarTextStyle": "white",
"navigationStyle": "custom",
"usingComponents": {
"nav-bar": "/baseui/nav-bar/index"
}
}
引入
1
1
1
1
1
1
1
1
1
1