美文网首页微信小程序
7-4 完善tab选项卡

7-4 完善tab选项卡

作者: 留白_汉服vs插画 | 来源:发表于2017-11-23 23:16 被阅读6次

    看一下tabbar相关的属性:

    tabBar

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

    Tip:

    当设置 position 为 top 时,将不会显示 icon

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

    看一下白色上边框

    图片:tabbar选项设置背景图片和选中后的背景。

    list中的第一项,是默认选中的。

    相关文章

      网友评论

        本文标题:7-4 完善tab选项卡

        本文链接:https://www.haomeiwen.com/subject/zpwtbxtx.html