2***@qq.com

发布：2020-08-10 12:12
更新：2020-08-10 14:10
阅读：1247

【报Bug】waterfall出现空白bug

分类：uni-app

bug反馈不是bug

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 2.8.3.20200728

HBuilderX类型：正式

HBuilderX版本号： 2.8.3

手机系统： Android

手机系统版本号： Android 8.0

手机厂商：华为

手机机型：华为M8

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>
<view class="body">
<waterfall column-count="2" column-width="auto" column-gap="0dp">
<cell v-for="(item,index) in datalist" >
<text>{{item.title}}</text>
</cell>
</waterfall>
</view>
</template>

<script>
export default {
data() {
return {
datalist: [{
title:1
},{
title:2
},{
title:3
},{
title:4
},{
title:5
},{
title:6
},{
title:7
},{
title:8
},{
title:9
}]
}
}
}
</script>

<style>
.body{
background-color: #007AFF;
}
</style>

操作步骤：

运行就出现多余的空白

预期结果：

内容多少高度，这个蓝色的就多少高度

实际结果：

实际蓝色的多了和内容一样的高度，可以看我上传的附件图片，附件图片蓝色画红框的部分高度是多出来的

bug描述：

waterfall使用这个内置瀑布流组件，会多出现和内容一样高度的空白

实际蓝色的多了和内容一样的高度，可以看我上传的附件图片，附件图片蓝色画红框的部分高度是多出来的

2020-08-10 12:12 负责人:无分享

1 个回复

DCloud_UNI_HT

waterfall 需要指定高度

2***@qq.com (作者)

谢谢，解决这个问题，贴出部分代码，方便其他人参考

this.windowHeight = uni.getSystemInfoSync().windowHeight;

<view class="body" v-bind:style="{ height: windowHeight + 'px' }">

<waterfall column-count="2" column-width="auto" column-gap="0dp" @loadmore="loadMore()">

<cell v-for="(item,index) in datalist">
```
        </cell>  

    </waterfall>  

</view>
```
2020-08-12 11:10

景风

回复 2***@qq.com: 你好，我也遇到了，加了高度还是没解决,可以帮忙看看吗

    <view v-bind:style="{ height: '500px' }">  



    <waterfall column-count="2" column-width="auto" column-gap="0dp">  

        <cell v-for="(item,index) in items" :key="index" style="height: 200px;">  

            <text>1231</text>  

            <!-- <dynamicItem :dataInfo="item" :index="index"></dynamicItem> -->  

            <!-- <album-rich-cell :item="item" @user="toUser" @detail="toDetail" @thumb="toThumb" @comment="toComment" @moreComment="toMoreComment" @share="toShare"></album-rich-cell> -->  

            <!-- <view style="height: 20rpx;"></view> -->  

        </cell>  

      </waterfall>  

    </view>  

    <cell>  

        <myp-loader :isLoading="mypIsUpLoading" :hasMore="mypHasMore"></myp-loader>  

    </cell>  

</list>  

</view>

2021-06-24 15:11

该问题目前已经被锁定, 无法添加新回复

【报Bug】waterfall出现空白bug

操作步骤：

运行就出现多余的空白

预期结果：

内容多少高度，这个蓝色的就多少高度

实际结果：

实际蓝色的多了和内容一样的高度，可以看我上传的附件图片，附件图片蓝色画红框的部分高度是多出来的

bug描述：

1 个回复

公告

相关问题

【报Bug】waterfall出现空白bug

操作步骤： 运行就出现多余的空白

预期结果： 内容多少高度，这个蓝色的就多少高度

实际结果： 实际蓝色的多了和内容一样的高度，可以看我上传的附件图片，附件图片蓝色画红框的部分高度是多出来的

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

运行就出现多余的空白

预期结果：

内容多少高度，这个蓝色的就多少高度

实际结果：

实际蓝色的多了和内容一样的高度，可以看我上传的附件图片，附件图片蓝色画红框的部分高度是多出来的