- 发布：2021-12-14 14:33
- 更新：2022-12-28 09:39
- 阅读：813
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.16
手机系统： 全部
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
进去就是
进去就是
预期结果：
正常2列两边排序
正常2列两边排序
实际结果：
上面有2个会靠在一起
上面有2个会靠在一起
bug描述：
用的是nvue的专用组件waterfall，不知道为什么，每次打开上面总有2个会靠在一起，其他都没问题，滚动到下面之后再滚上来就又好了
视频链接：https://xinglanxx.oss-cn-shanghai.aliyuncs.com/demo/2.mp4
可以试用HX3.3.1 alpha 版本 看下问题是否有改善或解决
-
-
-
-
-
回复 煎饼果子oO: 瀑布流中的图片需避免使用widthFix或heightFix 会影响排版 目前没有找到好的方式避免。暂时建议对图片宽高都赋值
2022-01-15 19:12
-
-
解决了吗兄弟，求解啊，搞了一天了
-
-
回复 2***@qq.com: 还是兄弟你给力，确实是gap的问题。我当时也是搞了好久，这个waterfall组件bug是真的莫名其妙，原来是自带gap不要用,自己手动设置间距就没问题了。
2023-01-15 10:28
-
-
-
青阳_1900
waterfall 组件上有没有包含 class 属性，没有的话加一下，安卓下有bug，之前测试只要waterfall上不包含class属性，显示就会这样
2021-12-15 10:36
煎饼果子oO (作者)
回复 青阳_1900: 有class啊，<waterfall column-count="2" column-width="auto" class="main" :column-gap="gap" :show-scrollbar="false">
2021-12-15 10:53
青阳_1900
回复 煎饼果子oO: 你这么不行，必须指定宽度，auto 也会有这个问题，参考 https://ask.dcloud.net.cn/article/39444
2021-12-15 14:28
煎饼果子oO (作者)
回复 青阳_1900: 已指定固定宽度，但是还是没有解决，一直刷新还是会出现这种情况，给我的感觉是还没有来的急渲染<waterfall :column-count="2" :column-width="colWidth" class="main" :column-gap="gap" :show-scrollbar="false" :left-gap="lgap" :right-gap="lgap">
2022-01-11 17:11