前言
大家都知道官方提供的小程序导航栏相对有限,那么我们如何应对产品大大无限的需求呢?
那么肯定就需要自定义导航栏,而今天我要给大家推荐一款很棒的自定义导航栏开源项目。
少啰嗦,看效果。⬇️
看效果
看属性
如何使用?
配置 app.json 中的 navigationStyle 和 usingComponents
{
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "自定义导航栏",
"navigationBarTextStyle": "black",
"navigationStyle": "custom"
},
"usingComponents": {
"navBar": "/components/navBar/navBar"
},
"sitemapLocation": "sitemap.json"
}
页面代码:
建议写个代码片段。能直接运行查看效果。
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
也可以跟进我最后给的源码地址,导入就可以直接跑起来。