码迷,mamicode.com
首页 > 其他好文 > 详细

小程序之底部tabBar

时间:2018-05-13 18:04:48      阅读:459      评论:0      收藏:0      [点我收藏+]

标签:http   src   技术分享   单列   cte   span   sub   bsp   简单   

用法简介:

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": "我的"
            }
        ]
    }

 

小程序之底部tabBar

标签:http   src   技术分享   单列   cte   span   sub   bsp   简单   

原文地址:https://www.cnblogs.com/wanan-01/p/9032734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!