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