vue-awesome-swiper的使用

2018-06-15  本文已影响0人  qwertyuiop_4184

1、首先从GitHub上搜索vue-awesome-swiper插件,然后使用2.6.7版本,因为新的版本好像有问题不稳定。

2、npm install vue-awesome-swiper@2.6.7 --save安装到项目依赖中

3、然后按照文档引入该插件,引入style,vue.use。使用pagination参数和loop参数。按照需要删除不需要的组件例如左右箭头、滚动条等。

4、在单文件组件的style中由于使用了scoped属性,所以要修改插件编译后的样式代码,父元素 >>>需要修改的元素  {//样式修改}

上一篇下一篇

猜你喜欢

热点阅读