uview1 的u-tabs组件在微信小程序中会出现横向滚动条,真机才会生效,微信开发者工具没问题
包括官方示例也会
原因:未屏蔽微信小程序的滚动条文章来源:https://www.toymoban.com/news/detail-754410.html
解决办法:uview-ui中uview-ui/components/u-tabs/u-tabs.vue文件把h5屏蔽滚动条的条件编译加上 || MP-WEIXIN文章来源地址https://www.toymoban.com/news/detail-754410.html
/* #ifdef H5 || MP-WEIXIN */
// 通过样式穿透,隐藏H5下,scroll-view下的滚动条
scroll-view ::v-deep ::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
/* #endif */
到了这里,关于uview1 的u-tabs组件在微信小程序中会出现横向滚动条的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!