微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)

问题描述

今天第一次接触vant组件库。
ant官网地址适用于Vue3
支持Vue2、Vue3、微信小程序等

我在使用van-tabs组件时遇到了一个问题，如下图所示：

从图片上可以看到有个灰色的横向滚动条，一开始领导给我说这个问题，我反反复复都没有测出来，在微信开发者工具、IOS系统都没有这个问题，但是小程序发布后，在安卓手机上复现了这个问题。

一开始我是昏头雾水，经过百度搜索，找到了解决方案，下面分享给大家：

解决方案

你在哪个页面上使用的van-tabs组件，就在那个页面的标签里加上下面这段css样式，保存重新编译一下，看下能否解决你所遇到的问题。

/**去除滚动条样式 */
  /deep/ ::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
    color:transparent;
  }