swiper使用 总结

  1. 个人觉得swiper 可用于绝大部分的轮播场景,当然也会有更高级的应用,视频传媒的 图片+视频轮播,swiper插件可以很好地解决类需求。
  2. 使用细节 原生的js 的话 可以在官网中下载js 插件到本地或者是通过CDN引入,js 版本需要和css 版本对应不然容易出问题。 使用vue 框架的需要下载相关依赖(yarn add swiper --save || npm install swiper ),vue 需要在全局引入样式。
//介绍几个常用的属性以及常用的回调函数:
			effect: 切换效果(fade/slide);
			loop:boolean ; //是否循环播放
			autoplay:boolean;// 是否自动播放
			swiper.realIndex:Number ;//获取单签滑块的index;
			
			.
			.
			.
			slideChangeEnd:滑块切换结束后出发;
			slideTo(index,time):// 控制切换到指定的滑块
			slideNext();切换到下一个滑块
			
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值