美文网首页
小程序--tabbar导航

小程序--tabbar导航

作者: 李小白呀 | 来源:发表于2021-01-03 21:21 被阅读0次

tabbar导航

1.用于实现多页面的快速切换。
2.tabbar导航栏只能配置最少 2 个、最多 5 个 tab 页签。
3.步骤:
① 通过 app.json 文件的 pages 节点,新建 对应的 tab 页面
② tabBar 节点中,新增 list 数组,这个数组中存放的,是每个 tab 项的配置对象
③ 在 list 数组中,新增每一个 tab 项的配置对象。对象中包含的属性如下:
-pagePath 指定当前 tab 对应的页面路径【必填】
-text 指定当前 tab 上按钮的文字【必填】
-iconPath 指定当前 tab 未选中时候的图片路径【可选】
-selectedIconPath 指定当前 tab 被选中后高亮的图片路径【可选】

页面跳转

使用组件:<navigator url=" / ">1</navigator>
使用api:wx.navigateTo({url:" / "})

相关文章

网友评论

      本文标题:小程序--tabbar导航

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