什么是小程序tabBar?
小程序的底部导航栏,用于不同功能页面的切换。
使用方法
1、进入小程序编辑页面,下拉至最底端,点击【添加导航】。
2、右侧编辑导航信息,可以修改名称,自定义添加图标,设置跳转页面。
3、跳转链接目前支持页面和文章的跳转。
4、点击【增加导航项】可增加导航,小程序tabBar至少设置2个导航项,最多设置5个。
5、点击【样式】,可以配置导航栏颜色。
6、设置完成后,点击右上角发布。
7、wap端显示如下图:
什么是多tab应用
小程序客户端窗口的底部或顶部有tab栏可以切换页面,将功能相似或者互补的页面放在一起可以构成一个多tab应用。
与普通导航的区别
心动小程序的tabBar是完全使用微信小程序的tabBar配置,所以优缺点和微信小程序的tabBar是一样的。
优点
1. 微信对于tab页之间的切换做了优化,tab 页之间的切换会更快。
2. 微信如果对tabBar做更新,我们第一时间就可以享受相应更新。
缺点
1. tab的数目限制在2到5个之间。
2. 图标的大小限制(40KB内)。
3. tabBar 只在 Tab 页出现且一定会出现。
参考文章
设计总结:对常见tab样式做的一个分析http://www.woshipm.com/ucd/858289.html
小程序配置:
图标库推荐: http://www.iconfont.cn/