更新记录

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
查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ - √ √ × × - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ - - - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
√ × √

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协议
评论列表 撰写评论 向官方投诉
加载更多...