美食杰项目

首页展示

1.概述2.效果，3.步骤，4.遇到的问题，解决方式(如没有可以不写)。5，总结

第一步要先引入element ui 组件 Carousel 走马灯找到这个组件里面的卡片化,里面的符合这个项目的应用,然后引入进来,代码如下

接下来要去自己设置的api中去拿数据
然后,让一页显示五条数据


接下来,每次滚动都要添加五条数据

需要添加滚动监听

这就是首页的基本内容了,

总结:

先引入element ui 组件,然后在引入组件,然后遍历图片信息,在页面中写入.
下面的内容,在子组件中遍历api数据,然后拿过来,也是需要挂载的,代码展示如下

以上就是代码实现

以下就是页面展示

感兴趣的小伙伴们,快去动手实践一下吧!