查看: 7190|回复: 4
打印 上一主题 下一主题

swiper 无缝滚动 每次切换会有停顿

[复制链接]
  • TA的每日心情
    慵懒
    2019-11-15 16:30
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    7

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    楼主
    发表于 2019-10-31 16:47:41 | 显示全部楼层
    本帖最后由 穹虞 于 2019-10-31 16:52 编辑
    1. <div class="swiper-container swiper1 swiper-no-swiping">
    2.         <div class="swiper-wrapper">
    3.           <div
    4.             class="swiper-slide"
    5.             v-for="(item, index) in list1"
    6.             :key="index"
    7.             :v-if="list1.length"
    8.           >
    9.             <img :src="itemb.path"  v-for="itemb in item" :key="itemb.id" />
    10.           </div>
    11.         </div>
    12.       </div>
    13.       <div class="swiper-container swiper2 swiper-no-swiping" dir="rtl">
    14.         <div class="swiper-wrapper">
    15.           <div
    16.             class="swiper-slide"
    17.             v-for="(item, index) in list2"
    18.             :key="index"
    19.             :v-if="list2.length"
    20.           >
    21.             <img :src="itemb.path"  v-for="itemb in item" :key="itemb.id" />
    22.           </div>
    23.         </div>
    24.       </div>
    复制代码
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2019-11-15 16:30
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    7

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    沙发
    发表于 2019-10-31 16:50:46 | 显示全部楼层
    本帖最后由 穹虞 于 2019-10-31 16:55 编辑

    有大佬帮我看下我这么写为什么第二个会出问题,这是移动端的轮播,当你滑动屏幕时第二个轮播会停下甚至是直接消失

    QQ截图20191031165346.png (63.13 KB, 下载次数: 114)

    QQ截图20191031165346.png

    QQ截图20191031164822.png (18.24 KB, 下载次数: 109)

    QQ截图20191031164822.png
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-5-7 00:03 , Processed in 0.085152 second(s), 28 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表