瀑布流效果实现vue3

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。

第一种方式：

1.

 2.

 

完整代码：

渲染

   <div class="login">
      <div class="item" v-for="(item, index) in tabList" :key="index">
         <img :src=item.picUrl alt="">
      </div>
   </div>

样式

.login {
   margin: 10px;
   column-count