uni-masonry

`uni-masonry`是uni-app官方提供的瀑布流组件，可以在页面中轻松实现瀑布流布局。该组件基于`masonry-layout`库实现，提供了以下几个属性：

- `list`：用于渲染瀑布流的数据源，格式为数组，数组中每个元素表示一个瀑布流块。
- `col-num`：瀑布流列数，默认为2列。
- `col-gap`：瀑布流列之间的间距，默认为0。
- `row-gap`：瀑布流行之间的间距，默认为0。

使用方法：

1. 在页面中引入`uni-masonry`组件：

<template>
  <view>
    <uni-masonry :list="list">
      <view v-for="(item, index) in list" :key="index" :style="{height: item.height + 'px'}">{{ item.content }}</view>
    </uni-masonry>
  </view>
</template>

2. 在页面的data中定义一个`list`数组，存放每个瀑布流块的内容和高度：

export default {
  data() {
    return {
      list: [
        {content: '瀑布流块1', height: 100},
        {content: '瀑布流块2', height: 120},
        {content: '瀑布流块3', height: 80},
        {content: '瀑布流块4', height: 150},
        {content: '瀑布流块5', height: 110},
        {content: '瀑布流块6', height: 90},
        {content: '瀑布流块7', height: 130},
        {content: '瀑布流块8', height: 100},
        {content: '瀑布流块9', height: 120},
        {content: '瀑布流块10', height: 140},
      ]
    }
  }
}

3. 在`uni-masonry`组件中循环渲染每个瀑布流块，并设置每个块的高度。

通过以上步骤，就可以在uniapp中实现瀑布流效果了。