vue2.0 + element-ui 实战项目-实现一个简单的轮播图(六)

自从用饿了么框架重构项目以来,遇到 很多问题,我都有一一记录下来,现在特喜欢这个框架,说实话,如果你是用了vue这个技术栈的话,一定要用饿了么的pc端框架哦,遇到问题的时候在网上百度一下,就能找到解决方案,还有很多社区可以讨论,社区文档都比较成熟,很容易上手~~

Github地址:https://github.com/ElemeFE/element

Vue2.0官方网站:http://caibaojian.com/vue/guide/installation.html
Element-ui官方网站:https://element.eleme.cn/#/zh-CN


在添加的时候,需要点击添加按钮,出现一个form弹框的效果

使用饿了么做项目,最重要的一个小功能,也是必不可少的,那就是轮播图,相信大部分的项目里面都是需要这个效果的,看了一下文档里面,也有写好了示例代码,给了一个比较专业的称呼,走马灯效果,也就是我们要的轮播图~~

参考文档:
https://element.eleme.cn/#/zh-CN/component/carousel




效果


这是例子里面的代码
现在我们要将几张图片替换上去
准备四张banner图片
放在asset文件夹底下

参考




ok,这样就可以了~~


你可能感兴趣的:(vue2.0 + element-ui 实战项目-实现一个简单的轮播图(六))