首页 > 代码库 > Swiper的使用心得
Swiper的使用心得
个人觉得:Swiper是一个好用有方便的手机端插件,但也正是因为它已经被封装好了,所有有些个性化的需求、设计不是那么好人为干预,所以在实用的时候也碰到不少头疼的问题。
下面是我在写代码的时候遇到的一些问题和解决的方法,可能解决的并不完美,存在bug,希望前辈们批评指正
1.有时候我们希望页面中显示两个或者多个swiper-slide时,设置slidesPerView属性值,默认值为1,参数是类型:number 或者 auto。如果属性值为auto的话,则是根据sildes的宽度来设置数量(不建议使用这个属性,对布局的可控性感觉不是那么好),loop模式下还需要设置另一个参数loopedSlides。
2.有的时候我们不希望每个swiper-slide都紧挨着,能有相同的间距,又不想加padding或者margin,担心影响布局或者性能,那么这个时候,可以设置spaceBetween属性,单位是px
3.和angularjs结合来使用的时候,通过ng-repeat创建出来的swiper-slide,会出现无法滑动,布局变形等情况,这时候,设置
observer:true; //修改Swiper自己或子元素时初始化Swiper
observeParents:true; //修改Swiper的父元素时,自动初始化Swiper
Swiper的使用心得
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。