1.element-ui的步骤如图所示:
注意:在引入是一定要注意引入css的路径,就从element-ui开始找看看没一个嵌套关系的文件夹名是不是一直,例外在最新版本的element-ui中theme-default就应该被改为theme-chalk
2.轮播图的注意事项:
引入步骤:1.在github中搜索vue-awesome-swiper
2.cnpm install vue-awesome-swiper --save-dev
3.在main.js 中引入:
4.最后使用Vue.use(VueAwesomeSwiper)
注意事项:代码在本网页中都有,但是有许多代码都是多余的,因此没有必要全部粘贴过来,精简后的代码如下:
特别需要注意的是默认的轮播是垂直的,如果想改为水平,那么需要将direction: 'horizontal',
网友评论