当前位置:   article > 正文

uni-app配置tabBar_uniapptapbar

uniapptapbar
  • 文档

uni-app官网•全局文件•pages.json页面路由icon-default.png?t=N7T8https://uniapp.dcloud.net.cn/collocation/pages#tabbar

  • 步骤

1.在pages文件夹中定义页面

2.在pages.json文件中的tabBar节点配置

  1. "tabBar": {
  2. "list": [
  3. {
  4. "pagePath": "pages/home/home",
  5. "iconPath": "static/icons8-首页-24.png",
  6. "selectedIconPath": "static/icons8-首页-24 (1).png",
  7. "text": "首页"
  8. },
  9. {
  10. "pagePath": "pages/classify/classify",
  11. "iconPath": "static/icons8-分类-32.png",
  12. "selectedIconPath": "static/icons8-分类-32 (1).png",
  13. "text": "分类"
  14. }
  15. ]
  16. }

示例:

  • 示例

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/605855
推荐阅读
相关标签
  

闽ICP备14008679号