收藏
回答

cover-view中使用swiper轮播,动画失效?

由于项目中首页有地图,首页又要加上活动轮播

1.微信开发者工具显示正常,并且有轮播效果

2.真机上swiper动画失效并且下面的小点也没有??cover-view中到底能不能使用swiper轮播??

回答关注问题邀请回答
收藏

3 个回答

  • 06-03

    1.swiper配置

    var swiperV = ne1.swiper配置
    
    var swiperV = new Swiper('.swiper-container-v', {
        speed:1000,
        mousewheelControl : true,
        pagination: '.swiper-pagination-v',
        paginationClickable: true,
        direction: 'vertical',
        spaceBetween: 0,
        autoHeight: true,
        observer:true,
        observeParents:true,
        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper); //隐藏动画元素 
            swiperAnimate(swiper); //初始化完成开始动画
          }, 
          onSlideChangeEnd: function(swiper){ 
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
          }
        });
    var swiperV2 = new Swiper('.swiper-container-2', {
        pagination: '.swiper-pagination-v',
        paginationClickable: true,
        direction: 'vertical',
        spaceBetween: 4000,
        autoHeight: true,
        observer:true,
        observeParents:true,
        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper); //隐藏动画元素 
            swiperAnimate(swiper); //初始化完成开始动画
          }, 
          onSlideChangeEnd: function(swiper){ 
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
          }
    });
    2.切换tab是自己写的,改变div的显示和隐藏w Swiper('.swiper-container-v', {
        speed:1000,
        mousewheelControl : true,
        pagination: '.swiper-pagination-v',
        paginationClickable: true,
        direction: 'vertical',
        spaceBetween: 0,
        autoHeight: true,
        observer:true,
        observeParents:true,
        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper); //隐藏动画元素 
            swiperAnimate(swiper); //初始化完成开始动画
          }, 
          onSlideChangeEnd: function(swiper){ 
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
          }
        });
    var swiperV2 = new Swiper('.swiper-container-2', {
        pagination: '.swiper-pagination-v',
        paginationClickable: true,
        direction: 'vertical',
        spaceBetween: 4000,
        autoHeight: true,
        observer:true,
        observeParents:true,
        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper); //隐藏动画元素 
            swiperAnimate(swiper); //初始化完成开始动画
          }, 
          onSlideChangeEnd: function(swiper){ 
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
          }
    });
    


    2.切换tab是自己写的,改变div的显示和隐藏
    


    06-03
    有用 1
    回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-09-27

    map已经实现了同层,可试下使用view

    2019-09-27
    有用
    回复 1
    • 2019-09-27
      谢谢大大
      2019-09-27
      回复
  • 2019-09-27


    你的难道没报错吗?

    2019-09-27
    有用
    回复 8
    • 2019-09-27
      cover-view里包swiper动画失效,你说的这个我知道
      2019-09-27
      回复
    • 2019-09-27回复
      所以啊 你的问题是什么
      2019-09-27
      回复
    • 2019-09-27
      image标签改为cover-img标签动画失效
      2019-09-27
      回复
    • 2019-09-27回复
      你看文档没有啊 cover-view只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button。别的元素不会显示
      2019-09-27
      回复
    • 2019-09-27回复
      情景:cover-view里使用swiper。1.swiper里使用image,view等标签真机都会忽略,cover-view里不识别这些标签。2.cover-view识别cover-image,cover-view.但是将cover-image替换image没有动画效果,轮播。使用cover-view有轮播,但是cover-view不支持background-image.结论:我要再cover-view里实现轮播效果
      2019-09-27
      回复
    查看更多(3)
登录 后发表内容
问题标签