关于waterfall 瀑布流布局出现布局错乱的问题

Posted 2023-03-28

参考技术A 说明：首先waterfall是weex的原生组件，WEEX的出现让我们可以使用Vue来进行移动端原生应用开发。这里就需要了解什么是weex？

Weex是一个可以使用现代化的 Web 技术开发高性能原生应用的框架"，这是Weex官网对其的一句很简介明了的定义。Weex是一个可以利用web 前端开发技术来实现android/ios 原生引用的框架，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API。

1、组件是提供瀑布流布局的核心组件。瀑布流，又称瀑布流式布局是比较流行的一种页面布局，视觉表现为参差不齐的多栏布局。随着页面滚动条向下滚动，这种布局还可以不断加载数据块并附加至当前尾部。
2、 <waterfall> 只支持 Android 和 iOS，不支持 Web。
3、注意：（个人经验总结）当<waterfall>组件里面出现图片<image>组件时，不允许对image自适应高度是因为weex的css样式布置auto属性。所以在当我们用uniapp开发时，uniapp的mode属性是不能使用的。且weex的image并没有mode属性而是resize属性。所以image的宽高就需要固定，如需保持宽度一致高度适应就需要计算了。