您现在的位置是:首页 > 前端开发 > Uni-App

uni-app底部导航配置

admin2019-01-21Uni-App 人已围观

简介uni-app底部导航配置,这个配置就是微信小程序一样。

uni-app 底部导航栏配置:找到pages.json文件夹


这个就是配置底部导航代码
 
 
    "tabBar": {
        "color": "#000",
        "list": [{
                "pagePath": "pages/index/index",
                "iconPath": "static/dian.png",
                "selectedIconPath": "static/dian1.png",
                "text": "首页"
            },
            {
                "pagePath": "pages/index/index",
                "iconPath": "static/shou.png",
                "selectedIconPath": "static/shou1.png",
                "text": "搜索"
            },
            {
                "pagePath": "pages/index/index",
                "iconPath": "static/guan.png",
                "selectedIconPath": "static/guan1.png",
                "text": "关于我"
            }

        ]
    },


如图:

​​​​​​​


 

很赞哦!535

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 141
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们