微信小程序------加导航
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序------加导航相关的知识，希望对你有一定的参考价值。
效果图如下
这个其实很简单
在app.json上面加点代码
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#OOOOOO",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"white"
},
"tabBar": {
"color": "#ddd",
"selectedColor": "#1296db",
"borderStyle": "white",
"backgroundColor": "#f2f2f2",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "pages/images/index.png",
"selectedIconPath": "pages/images/index.png"
},{
"pagePath": "pages/index/two",
"text": "商品",
"iconPath": "pages/images/c.png",
"selectedIconPath": "pages/images/c.png"
},{
"pagePath": "pages/index/three",
"text": "购物车",
"iconPath": "pages/images/buy.png",
"selectedIconPath": "pages/images/buy.png"
},{
"pagePath": "pages/user/user",
"text": "我",
"iconPath": "pages/images/o.png",
"selectedIconPath": "pages/images/o.png"
}
]
}
单击下面图标就会有如下显示
over！！！
以上是关于微信小程序------加导航的主要内容，如果未能解决你的问题，请参考以下文章