使用 <van-empty description="" />
时,图片出现了个滚动条,图片可以上下滑动。
代码如下:
<block wx:if="{{courseList.length <= 0}}">
<van-empty description="" />
</block>
<block wx:else>
...
尝试将 van-empty
外层包一层view,然后设置该view的css样式overflow: hidden
发现不起作用。
导致这个问题的主要原因应该是图片高度比其父视图高导致的。
打开Wxml调试查看视图层:
这里是一个图片,其父视图的class是 van-empty__image
,图片的 class 是 van-empty__image__img
看了一下图片的父视图的 overflow
属性是 auto
文章来源:https://www.toymoban.com/news/detail-635815.html
这样的话,我们要么设置父视图的 overflow: hidden
可以解决这个bug。文章来源地址https://www.toymoban.com/news/detail-635815.html
.van-empty__image {
overflow: hidden;
}
到了这里,关于<van-empty description=““ /> 滚动条bug的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!