![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
Helen_fight
这个作者很懒,什么都没留下…
展开
-
swiper 插件使用及问题解决
第一次使用swiper,官网的文档什么都没去看,直接用到项目中(移动端的),所以问题也一大堆。主要的几点问题如下:(1)如何在同一页面上使用多个的swiper效果;(2)如何使用tab切换(选项卡效果); (3)swiper效果的互相嵌套(tab里面嵌套轮播效果) 1、如何在同一页面上使用多个的swiper效果 解决方法:在轮播的最外层如下: 加上一个类名或者id然后根据类名或id来原创 2016-09-02 10:42:10 · 20354 阅读 · 1 评论 -
swiper autoheight选项卡嵌套出现空白问题
swiper的autoheight设置可以用来解决tab切换时内容高度不一致而出现的空白问题。但是没想到今天做项目时,又出现了这个问题。 我的问题是这样的:用swiper3.1制作了一个tab选项卡(就叫swiper选项卡吧,设置了autoheight),里面又嵌套了一个jq写的一般选项卡(叫jq选项卡),jq选项卡内容高度也是不一致的。如果jq选项卡一开始显示的是高内容的,那么切换到低内容时,原创 2017-10-24 10:28:35 · 3720 阅读 · 0 评论 -
vue-awesome-swiper 设置loop循环播放无效
问题: 用vue-awesome-swiper做商品详情页轮播图时,已经设置了loop:true,但是却失效了,轮播到最后一张图片时就停止播放了。 解决方法:在swiper上加个v-if=“banner.length>0”判断,等到图片数据有了再来循环渲染图片。 代码:html <swiper :options="swiperOption" class="banner" v-i...原创 2019-05-20 19:35:46 · 3184 阅读 · 0 评论