uni-app 瀑布流布局的实现

方式一:使用纯 CSS 实现

使用 flex 布局方式







方式二:借助于 JavaScript 实现

获取每一列的高度,每次图片加载时,把该图片加载到列高度最短的那一列进行实现。

注意:这个是通过图片初始化实现的,所以服务器端的数据必须含有图片。

vue2 版本







vue3 版本







你可能感兴趣的:(uni-app,uni-app)