更新记录

1.1.7（2022-08-19）

  • 添加class到活动与非活动tabItem，方便修改

1.1.6（2022-08-19）

  • [x] tabBar支持修改圆角
  • [x] tabBar支持修改颜色
  • [x] 修改未传入参数不再执行操作
  • [x] 修改barWidth传入形式为string
  • [x] 修改barHeight传入形式为string

1.1.5（2022-08-09）

  • 修Bug
查看更多

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.2 × √ × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ × × √ √

easy-tabs

简单易用uniapp的选项卡组件,组件的唯一特色就是可以随意修改组件tab的样式，其他tab组件都没有这一点，不过在修改过程中需要注意tabBar的宽度获取的问题，外边框是获取不到的

组件参数说明

参数 说明 类型 默认值 必传
list tab的列表数据 array [] 是
v-model 同步选中的tab-index number 0 是
label 展示的字段名 string label 否
activeColor 选中状态颜色 string #62C085 否
inactiveColor 未选中状态颜色 string #666666 否
duration 滚动动画时间 number 0.5s 否
barHeight tabBar的高度 number 6rpx 否
barWidth tabBar的宽 设置为auto的时候，会根据tab的宽度自动变化 number｜string 50rpx 否
barRadius 设置tabbar的圆角值 String 0rpx 否
barColor 设置tabbar的颜色，不设置则跟文本颜色同步 String Null 否
flexBetween 是否开启均匀分布 boolean false 否
itemStyle tabItem的内联样式 Object {} 否
customClass 最外层自定义class string null 否
fixed 是否开启固定定位 boolean false 否
height tabItem的高度 string 60rpx 否
padding tabItem的内边距 string 0 30rpx 否

触发事件事件

触发事件自v1.1.1起使用以下用法，旧版本传出参数为{index,tab}

事件名 说明 传参
change tab切换事件监听 tab

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...