更新记录

1.4（2019-11-28）

width属性改为minWidth tab宽度优化为不固定, 优化代码, 新增space、activeBold、lineColor属性, 详见 1.4属性更新

1.3（2019-11-19）

优化line3示例， 隐藏滑动条，若滑动条还在就去看注意里的2

1.2（2019-11-08）

修复IOS line2、line3 不生效问题

平台兼容性

可拖进示例项目运行

QQ交流群: 750104037 点我加入

推荐使用性能更好更稳定的 QS-tabs-wxs-list 高性能极致体验

作者想说

如果该插件有什么问题还请大家说出来哦，还有如果有什么建议的话也可以提下呐 ~ 如果觉得好用，可以回来给个五星好评么\~\~(❁´◡`❁)*✲ﾟ* 蟹蟹\~拜托啦\~

组件简介

实用、好看的tabs选项卡组件

注意

1.小程序的模拟器可能不会显示线条动画，但是真机是好的，以真机为准
2.如果不想要滚动条, 将下面的样式放入app.vue中:

::-webkit-scrollbar {
        display: none;  
        width: 0 !important;  
        height: 0 !important;  
        -webkit-appearance: none;  
        background: transparent;  
    }

3.line3模式注意:

• 使用line3模式时， 请不要在swiper的change事件中改变current，应该在swiper的animationfinish中改变current
  
• 使用line3模式时， 请不要使swiper和QS-tabs绑定同一个current，在QS-tabs的change事件中不要改变QS-tabs所绑定的current，应该改变swiper的current，并且在swiper的change事件中改变swiper和QS-tabs的current

兼容性

line1或无线条动画: 全端, 字节跳动小程序未测试
line2: 百度小程序不支持, 字节跳动小程序未测试
line3: 百度小程序、支付宝小程序(swiper的@transitoin不能获取dx)不支持, 字节跳动小程序未测试

更新说明

大纲

1.属性说明
2.ref调用

1.属性说明

注：目前QS-tabs的单位为rpx

1.0.1 tabs -> 1.属性说明

1.0.2 animationMode -> 1.属性说明

1.0.3 autoCenterMode -> 1.属性说明

2. ref调用