5 tabbar

tabbar: 

注意:

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

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

tabbar属性说明:

属性类型必填默认值描述
color HexColor   tab文字默认颜色
selectedColor HexColor   tab文字选中时的颜色
backgroundColor HexColor   tab 的背景色
borderStyle String black tabbar 上边框的颜色,可选值: black/white
blurEffect String none iOS 高斯模糊效果,可选值 dark/extralight/light/none(参考:使用说明
list Array   tab 的列表,详见 list 属性说明,最少2个、最多5个 tab
position String bottom 可选值 bottom、top
fontSize String 10px 文字默认大小
iconWidth String 24px 图标默认宽度(高度等比例缩放)
spacing String 3px 图标和文字的间距
height String 50px tabBar 默认高度



 

 

 

 

 

 

 

 

 

 

 

 

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

属性类型必填说明
pagePath String 页面路径,必须在 pages 中先定义
text String tab 上按钮文字,在 App 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标
iconPath String 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,当 position 为 top 时,此参数无效,不支持网络图片,不支持字体图标
selectedIconPath String 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px ,当 position 为 top 时,此参数无效
visible Boolean 该项是否显示,默认显示

 

 

posted @ 2021-12-27 13:56  云里知音  阅读(100)  评论(0)    收藏  举报