vant tabs 切换模块,字数过多的时候如何滑动

项目中修改tabs 为 width 自适应,并且左排列

可以修改 scoped 的 style 样式

/deep/ .van-tab {

font-size: rem(16);

padding: 0;

margin-right: rem(10);

flex: 0 0 auto!important;

}

达到效果

vant 默认tabs为弹性布局,他的tab项是 flex:0 0 动态计算,最小为22,即他所说的 4个时

标签栏滚动

标签数量超过 4 个时,标签栏可以在水平方向上滚动,切换时会自动将当前标签居中


  
    内容 {{ index }}
  

通过此处可以得知 他的动态数量是在源码中默认了,于是前往git 观察源码

 我们搜索 数字4 会发现 

有这样的一个继承属性,被规定了格式,于是我们就可以通过修改swipe-threshold 从而达到效果,修改为2,从此再也不会担心width超出了嘻嘻嘻,非常开心

后来才发现

vant tabs 切换模块,字数过多的时候如何滑动_第1张图片

妈妈我要去远航 !!!!!!

你可能感兴趣的:(vant tabs 切换模块,字数过多的时候如何滑动)