问题描述
今天第一次接触vant
组件库。
ant官网地址适用于Vue3
支持Vue2
、Vue3
、微信小程序等
我在使用van-tabs组件时遇到了一个问题,如下图所示:
从图片上可以看到有个灰色的横向滚动条,一开始领导给我说这个问题,我反反复复都没有测出来,在微信开发者工具、IOS系统都没有这个问题,但是小程序发布后,在安卓手机上复现了这个问题。
一开始我是昏头雾水,经过百度搜索,找到了解决方案,下面分享给大家:
文章来源:https://www.toymoban.com/news/detail-688147.html
解决方案
你在哪个页面上使用的van-tabs组件,就在那个页面的<style></style>标签里加上下面这段css样式,保存重新编译一下,
看下能否解决你所遇到的问题。文章来源地址https://www.toymoban.com/news/detail-688147.html
/**去除滚动条样式 */
/deep/ ::-webkit-scrollbar{
display: none;
width: 0;
height: 0;
color:transparent;
}
到了这里,关于微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!