什么是瀑布流
瀑布流式的页面布局,可随着页面滚动不断加载数据块
home
<template>
<div class="home">
<!-- 轮播 start -->
<el-carousel :interval="5000" type="card" height="300px">
<el-carousel-item v-for="item in carousel" :key="item._id">
<router-link :to="{name:'/detail',query:{menuId:item.menuId}}">
<img :src="item.product_pic_url" width="100%" alt="" />
</router-link>
</el-carousel-item>
</el-carousel>
<!-- 轮播 end -->
<!-- 内容精选 瀑布流形式 start -->
<div>
<h2>内容精选</h2>
<!-- :info='info' -->
<waterfall ref="waterfall" @view="loaddingMenuHandle">
<menu-card :margin-left="13" :info="menuList"></menu-card>
</waterfall>
</div>
<!-- 内容精选 瀑布流形式 end -->
</div>
</template>
<script>
import MenuCard from "@/components/menu-card.vue";
import Waterfall from "@/components/waterfall.vue";
import {
getBanner,getMenus } from "../../service/api";
// 引入 注册 使用
export