微信小程序缺省的导航栏既不够美观,又没有特色,相信很多人都希望能够拥有一个既美观又有特色的小程序导航栏。刚好公司有个项目需要开发一款小程序对公司开发的产品进行设置。不多说,直接介绍如何自定义美观又有特色的导航栏。
1、在app.json文件中,增加如下两处代码:
1)、 "navigationStyle": "custom"
2)、 "usingComponents": {
"navigation-bar": "/navigationbar/navigationbar"
}
如下图所示:
2、在app.js文件中增加如下两处代码:
1)
const systemInfo