如何使用Vant的Waterfall组件

要使用Vant的Waterfall组件，首先需要安装Vant UI库。可以通过 npm 或 yarn 安装 Vant：

npm install vant

或者

yarn add vant

然后在需要使用 Waterfall 组件的地方引入组件：

import { Waterfall } from 'vant';

export default {
  components: {
    Waterfall
  }
}

接着在模板中使用 Waterfall 组件，并传入需要展示的图片列表：

<template>
  <Waterfall :columns="2" :cascade="false" :border="true" :images="images" />
</template>

<script>
export default {
  data() {
    return {
      images: [
        'https://example.com/image1.jpg',
        'https://example.com/image2.jpg',
        'https://example.com/image3.jpg',
        // 其他图片链接
      ]
    };
  }
};
</script>

以上代码中，columns 属性指定了瀑布流的列数，cascade 属性指定了是否开启瀑布流布局，border 属性指定了是否显示图片边框，images 属性是一个图片链接数组，用于展示瀑布流中的图片。

通过以上步骤，就可以成功使用 Vant 的 Waterfall 组件了。