vue-awesome-swiper使用
vue-awesome-swiper
我喜欢的一款轮播插件,他有多个选择!而且支持手持滑动
所以我用到了今天。
安装
【vue-awesome-swiper使用】本人说明一点:为什么不用4.1.1
答:vue-awesome-swiper v4.1.1版 autoplay、effect等无效问题至今未解决
cnpm i vue-awesome-swiper@3.1.3 -S
引入
全局引入
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
单独引入
import Vue from 'vue'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import "swiper/dist/css/swiper.css"
//或者
require('swiper/dist/css/swiper.css')
测试
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
A组
我最喜欢的轮播这款,在我的MXLOGO保留至今!但是很快告别了
因为我要更新MXLOGO 8.
文章图片
文章图片
文章图片
文章图片
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页,计算网页数据大小