微信小程序底部tabbar
阿新 • • 發佈:2019-02-15
tabbar 技術分享 topic app.js clas back list nba .json
在 app.json 文件裏面 :
{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/topic/topic", "pages/category/category" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#000", "navigationBarTitleText": "大熊圖書館", "navigationBarTextStyle":"white" }, "tabBar": { "color": "#8c8c8c",//字體顏色 "selectedColor": "#f4645f", //選中字體顏色 "backgroundColor": "#fff",//背景顏色 "list": [{ "pagePath": "pages/index/index", "text": "圖書", "iconPath":"images/book.png", "selectedIconPath":"images/book1.png" }, { "pagePath": "pages/category/category", "text": "評論", "iconPath":"images/book.png", "selectedIconPath":"images/book1.png" }, { "pagePath": "pages/topic/topic", "text": "我的", "iconPath":"images/book.png", "selectedIconPath":"images/book1.png" } ], "position": "bottom" //寫成 top 就在上面 } }
微信小程序底部tabbar