y-tabs选项卡、标签页组件(写法靠近vant的tabs组件) - 更新日志

2.2.7(2024-04-12)

  • 标签栏吸顶时,记录标签内容的滚动高度,在下一次切换回来时回滚到相应位置
  • barWidth、barHeight属性支持传入'auto'值,表示滑块宽高可以自适应选中标签的宽高,支持范围见文档

2.2.6(2024-03-15)

  • 【修复】抖音小程序报错

2.2.5(2024-03-14)

  • bug修复

2.2.4(2024-03-14)

  • 【修复】滚动导航模式下,修改v-model绑定值无法定位内容页位置

2.2.3(2024-03-06)

  • 修复在手机浏览器端下,区域滚动定位不准确的bug

2.2.2(2024-02-21)

  • 对swipe-threshold设定的阈值进行内容滑动切换,不受限于bar-animate-mode,快速滑动也可切换内容页
  • 优化barStyle对底部条样式的设置

2.2.1(2024-01-05)

  • bug修复

2.1.9(2023-12-13)

  • 修复因v-show导致的底部条宽度计算为0的问题

2.1.8(2023-12-06)

  • 修复在onLoad中设置activeIndex时底部条错位的问题

2.1.7(2023-12-04)

  • 优化

2.1.6(2023-12-04)

  • 内部逻辑调整
  • 内容页切换时的偏移由transform改为left实现,避免fixed元素被transform影响而变为绝对定位

2.1.5(2023-12-01)

  • 增加slide-end事件,内容页滑动结束时触发
  • 已知bug修复

2.1.4(2023-12-01)

  • bug修复

2.1.3(2023-11-30)

  • 修复vue3下在微信小程序的警告”Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors“

2.1.2(2023-11-30)

  • 修复vue3版本下带出的一些bug

2.1.1(2023-11-29)

  • 增加slide-change事件,内容页滑动时会触发,可用于滑动过程中改变标题样式
  • 将is-lazy-render属性的默认值改为false
  • 解决微信小程序控制台报该提示:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
  • 修复:uni-datetime-picker组件在其他tab中定义,但是在第一个tab的位置显示

2.0.9(2023-11-28)

  • 修复vue3下使用下划线命名响应式变量的报错提示
  • 将less语法改为scss

2.0.8(2023-11-23)

  • 修复页面切换时报错:Cannot read property 'bottom' of null
  • 新增active-last属性,用于设置在滑动导航模式下,滚动到最后一个标签内容时是否激活对应的标签项

2.0.7(2023-10-13)

  • "新闻"列表案例进行非App端缓存处理
  • 将click事件的执行顺序放在change之前

2.0.6(2023-08-30)

  • 修复Tabs Props的设定的type值
  • 增加loaded事件,该事件会在组件内部初始化完成后调用
  • 增加示例“在Popup中的标签页”

2.0.5(2023-08-29)

  • 修复发布版本

2.0.4(2023-08-29)

  • 修复点击标签后,使用鼠标滚轮滚动内容区域而无法定位标签的问题

2.0.3(2023-08-25)

  • 修复存在标签栏插槽时,标签滚动至中心位置不正确的问题
  • 修复在动态增加、删除标签时,切换标签错误的bug

2.0.2(2023-07-28)

  • 修复自定义导航栏下滚动导航定位不准确的问题
  • 增加示例“自定义导航栏下的标签页滚动吸顶”、“ 可收起标签页-防小红书首页标签栏 ”

2.0.1(2023-05-28)

  • 2.0.1为非兼容性升级,重命名了诸多样式以及提供的属性名,也移除了部分属性及事件,如无必要,请勿升级。
  • 如果不小心升级,可以在y-tabs/components/version中找到之前的版本。
  • 从2.0.1版本开始,对于吸顶以及滚动导航定位标签的实现已调整了内部逻辑,因此无需在页面中的onPageScroll生命周期调用this.$emit("onPageScroll",e);
  • 新增bar-animate-mode属性,用于设置滑块切换的动画模式;
  • 新增bar-style属性,用于设置滑块样式;
  • 新增bar插槽,用于自定义滑块的内容;
  • line-width、line-height属性名改为bar-width、bar-height;
  • 移除部分tabs Props: tab-click-scroll-top、navHeight 、navWidth 、contentHeight;
  • 请注意部分属性默认值的调整;
  • 移除scroll事件,如果有用到该事件判断标签栏是否吸顶,请替换为sticky-change事件;
  • 新增sticky-change事件,该事件传递了{isFixed}参数,用于说明标签栏是否吸顶固定;
  • 移除'滚动吸顶+滑动切换'案例
  • 新增'与swiper组件联动'案例;
  • 在QQ/百度/字节跳动/飞书小程序中,自定义组件在渲染时会比App/H5端多一级节点,导致标签内容样式失效,需在组件上添加".y-tab-virtual"的样式;

1.1.9(2023-05-14)

  • bug修复

1.1.8(2023-05-14)

  • bug修复

1.1.7(2023-04-10)

  • 修复y-tab使用name值作为作为匹配的标识符时无法定位标签项的bug

1.1.6(2023-02-07)

  • 增加shrink属性用于开启收缩布局

1.1.5(2023-01-12)

  • 修复侧边栏导航模式下,左侧标签联动不准确的问题

1.1.4(2022-12-29)

  • bug修复

1.1.3(2022-11-15)

  • 增加滚动吸顶+滑动切换案例

1.1.2(2022-11-14)

  • bug修复

1.1.1(2022-11-04)

  • vue3环境下修复H5、app端使用标题插槽时下划线错位的问题

1.1.0(2022-10-27)

  • 对于禁止重复点击的比较使用==

1.0.9(2022-10-17)

  • 修复与优化

1.0.8(2022-10-16)

  • 优化侧边栏导航与滚动导航
  • 增加标签页的相关属性:navHeight、navWidth、contentHeight、pageScroll
  • 增加奶茶点单以及仿京东的商品分类联动导航示例

1.0.7(2022-10-13)

  • 优化
  • 对标签项提供了yui-tabprev,yui-tabnext class类,用于标记是当前标签项附近的两个标签项

1.0.6(2022-10-11)

  • 优化底部线条动画

1.0.5(2022-10-11)

  • 新增postion属性用于控制在存在图标或图片的条件下标题所在的位置

1.0.4(2022-10-11)

  • 新增标题区域设置图标或图片的属性

1.0.3(2022-09-28)

  • 解决动态改变标题区域位置后底部线条错位的bug

1.0.2(2022-09-27)

  • 优化左右滑动切换的效果

1.0.1(2022-09-27)

  • 增加侧边栏导航

1.0.0(2022-09-25)

  • 写法更接近vant的tabs组件