首页 > 代码库 > 微信小程序------加导航
微信小程序------加导航
效果图如下
这个其实很简单
在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!!!
微信小程序------加导航
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。