知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    微信小程序tabBar底部导航中文注解api

    作者:bbin视讯真人娱乐平台登入 来源:郑州网站建设 2016-12-09 人气:
    微信小程序tabBar底部导航中文注解api,信小程序tabBar就是app底部的那个导航栏,可以放1-5导航链接,这里对微信小程序底部导航tabbar的中文解释。 微信小程序tabBar是在全局app.json文件里

    微信小程序tabBar底部导航中文注解api,信小程序tabBar就是app底部的那个导航栏,可以放1-5导航链接,这里对微信小程序底部导航tabbar的中文解释。
    微信小程序tabBar是在全局app.json文件里面配置的。

    小程序tabBar配置代码注解

    {
        "pages":[
            "pages/index/index",
            "pages/detail/detail"
        ],
        "window":{
            "navigationBarTitleText": "TabBar",
            "navigationBarBackgroundColor": "#F60",
            "navigationBarTextStyle": "white"
        },
    
        //tabBar注意是B是大写,有朋友提问运行时tab没出现,检查是不是这里手误
        "tabBar":{
    
        //文档指出color是必填项,其实可为空,不重写color就是深灰,样式更统一
            "color": "#ddd",
    
       //同样,文档指出selectedColor是必填项,不过selectedColor有必要重写,区分当前项与普通项
            "selectedColor": "#3cc51f",
    
       //同样,文档指出color是必填项,其实可为空,不重写backgroundColor就是浅灰,样式更统一。
            "backgroundColor": "#fff",
    
       //borderStyle,不写默认就是黑,那就黑好了,white的话,会少一条分隔线,跟页面混在一起了
            "borderStyle":"black",
            "list":[{
                    "pagePath":"pages/index/index",
    
       //iconPath图标是非必填,只是tab栏会变矮,自然selectedIconPath也可不写
                    "iconPath":"image/icon_API.png",
                    "selectedIconPath":"image/icon_API_HL.png",
                    "text":"index"
                },{
                    "pagePath":"pages/detail/detail",
                    "iconPath":"image/icon_component.png",
                    "selectedIconPath":"image/icon_component_HL.png",
                    "text":"detail"
                }]
        }
    }

    小程序tabBar参数说明

    如果我们的小程序是一个多 tab 应用(客户端窗口的底部有tab栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

    tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

    属性说明:

    属性 类型 必填 默认值 描述
    color HexColor   tab 上的文字默认颜色
    selectedColor HexColor   tab 上的文字选中时的颜色
    backgroundColor HexColor   tab 的背景色
    borderStyle String black tabbar上边框的颜色, 仅支持 black/white
    list Array   tab 的列表,详见 list 属性说明,最少2个、最多5个 tab
    position String bottom 可选值 bottom、top

    其中 list 接受一个数组,数组中的每个项都是一个对象,其属性值如下:

    属性 类型 必填 说明
    pagePath String 页面路径,必须在 pages 中先定义
    text String tab 上按钮文字
    iconPath String 图片路径,icon 大小限制为40kb
    selectedIconPath String 选中时的图片路径,icon 大小限制为40kb

    微信小程序tabBar底部导航中文注解api

    ↓ 查看全文

    微信小程序tabBar底部导航中文注解api由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    微信小程序tabBar底部导航中文注解api-最新评论

    网站地图 申博138ag旗舰厅登入 bbin视讯百家乐登入 bbin视讯管理登入
    申博菲律宾申博客服 太阳城真人荷官 太阳城网址多少 申博线路检测
    霸世足球走地吧 天下足球百大进球 澳门现金博彩网站 银河娱乐场网址登入
    ag视讯官网登入 gp视讯客服端下载登入 gp视讯现金网登入 ag视讯app下载登入
    bbin视讯百家乐登入 BBIN馆官网现金网登入 ag旗舰厅官方网登入 bbin视讯下载网址登入
    676sj.com 2222ib.com 3453111.COM ib57.com 988XTD.COM
    788sj.com 666TGP.COM 3466111.COM 136PT.COM 5888DZ.COM
    1385170.com 687XTD.COM 9999ib.com XSB658.COM 988xsb.com
    134sun.com 1666DZ.COM 589sj.com 666TGP.COM 186ib.com