小程序之底部tabBar

Posted 2020-11-04 wanan_01

用法简介：

1.app.json中配置下tabBar即可，注意tabBar至少需要两个最多五个Item选项

这里简单列举一些属性值：对于tabBar整体属性设置：

对于tabBar中每个Item属性设置：

简单的例子如下：

"tabBar": {
        "selectedColor":"#8D503E", 
        "list": [
            {
                "pagePath": "pages/home_page/index",
                "iconPath": "img/home.png",
                "selectedIconPath": "img/home-s.png",
                "text": "首页"
            },
            {
                "pagePath": "pages/sign_up/index",
                "iconPath": "img/task.png",
                "selectedIconPath": "img/task-s.png",
                "text": "选课报名"
            },
            {
                "pagePath": "pages/party_subject/index",
                "iconPath": "img/dj.png",
                "selectedIconPath": "img/dj-s.png",
                "text": "党建专题"
            },
            {
                "pagePath": "pages/person/index",
                "iconPath": "img/mine.png",
                "selectedIconPath": "img/mine-s.png",
                "text": "我的"
            }
        ]
    }

 注意：

配置list的第一个一定是要是最先显示的，否则会出现底部导航看不到。