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

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

问题描述

今天第一次接触vant组件库。

ant官网地址适用于Vue3

支持Vue2Vue3微信小程序等

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

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

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

解决方案

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

/**去除滚动条样式 */
  /deep/ ::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
    color:transparent;
  }
目录
相关文章
|
6天前
|
JavaScript Java 测试技术
基于微信小程序的小区租拼车管理信息系统设计附带源码和文章说明
基于微信小程序的小区租拼车管理信息系统设计附带源码和文章说明
15 2
|
7天前
|
JavaScript Java 测试技术
基于微信小程序的中国各地美食推荐平台的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的中国各地美食推荐平台的设计与实现(源码+lw+部署文档+讲解等)
|
7天前
|
JavaScript Java 测试技术
基于微信小程序点餐系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序点餐系统的设计与实现(源码+lw+部署文档+讲解等)
|
7天前
|
JavaScript Java 测试技术
基于微信小程序的疫苗预约网站系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的疫苗预约网站系统的设计与实现(源码+lw+部署文档+讲解等)
|
7天前
|
JavaScript Java 测试技术
基于微信小程序的医院挂号预约系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的医院挂号预约系统的设计与实现(源码+lw+部署文档+讲解等)
|
15天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
15天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
3天前
|
小程序 UED
人力资源小程序的设计与开发步骤
人力资源小程序的设计与开发步骤
|
5天前
|
小程序 API 数据安全/隐私保护
微信小程序开发中的一些常用标签
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。
19 5
|
2天前
|
JavaScript Java 测试技术
基于微信小程序校园订餐的设计与开发+ssm+vue.js附带文章和源代码设计说明文档ppt
基于微信小程序校园订餐的设计与开发+ssm+vue.js附带文章和源代码设计说明文档ppt
9 1