首页 > 其他 > 详细

小程序之底部tabBar

时间:2018-05-13 17:36:40      阅读:212      评论:0      收藏:0      [点我收藏+]

用法简介:

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!