2_tabbar底部切換

Tabbar使用

1. 在app.json中配置

核心代碼

 
  1. "tabBar": {
  2. "selectedColor": "#1296db",
  3. "list": [
  4. {
  5. "pagePath": "pages/home/home",
  6. "text": "首頁",
  7. "iconPath": "images/mainTab/tab1.png",
  8. "selectedIconPath": "images/mainTab/tab1.png"
  9. },
  10. {
  11. "pagePath": "pages/test/test",
  12. "text": "好玩",
  13. "iconPath": "images/mainTab/tab3.png",
  14. "selectedIconPath": "images/mainTab/tab3.png"
  15. }
  16. ]
  17. }

2. 使用

 
  1. 經過app.json中的配置,在這以後,須要經過switchTab進行跳轉【含有tabbar只能經過switchTab跳轉】

相關文章
相關標籤/搜索