时间:2019-05-03 来源:小程序工厂
S***:
tabBar
如果微信小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
Tip:
当设置 position 为 top 时,将不会显示 icon
tabBar 中的 list 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。
属性说明:
属性类型必填默认值描述
colorHexColor是
tab 上的文字默认颜色
selectedColorHexColor是
tab 上的文字选中时的颜色
backgroundColorHexColor是
tab 的背景色
borderStyleString否blacktabbar上边框的颜色, 仅支持 black/white
listArray是
tab 的列表,详见 list 属性说明,最少2个、最多5个 tab
positionString否bottom可选值 bottom、top
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
tabbar 的 position 属性可以实现
小***:
按照官方文档,只能底部tab和顶部tab选一种,其实我想达到的是,程序的总体架构用的是底部tab。但是有一个详情页,想用到顶部tab用来做下一级别的分栏
因为官方的组件都有,所以想能否直接使用。
S***:
你指的是用 swiper 来模拟实现顶部 tab 效果吧?
当然也是可以的
小***:
用swiper来模拟实现顶部tab?这个之前没想过,不能直接用tab控件么?
用swiper来模拟实现顶部tab,思路是不是顶部摆两个button
然后下面用swiper来装底部的内容?
S***:
是的,可以这么理解