小程序swiper组件黑屏后在开启屏幕无法正常使用
发布于 6 年前 作者 gkang 13955 次浏览 来自 问答

小程序swiper组件锁屏后在开启屏幕无法正常使用 或者 在当前页面去别的页面 之后点击左上角返回 滑动也失效 化不动

  • 提供一个最简复现 Demo

wxhtml

<swiper  bindchange=“productSwiperScroll” current="{{current}}" indicator-dots="{{swiperCon.indicatorDots}}" indicator-color="{{swiperCon.indicatorColor}}" indicator-active-color="{{swiperCon.indicatorActiveColor}}"

        autoplay="{{swiperCon.autoplay}}" interval="{{swiperCon.interval}}" duration="{{swiperCon.duration}}" >

    <block wx:for="{{swiperCon.imgUrls}}" wx:key="*this">

        <swiper-item>

            <image src="{{item}}" class=“slide-image”  />

        </swiper-item>

    </block>

</swiper>

js

Page({

  data: {

      swiperCon: {

          imgUrls: [

              ‘…/…/images/sd_ico3.png’,

              ‘…/…/images/sd_ico7.png’

          ],

          indicatorDots: true,//是否显示面板指示点

          indicatorColor: “rgba(0, 0, 0, .3)”,//指示点颜色

          indicatorActiveColor: “#007aff”,//当前选中的指示点颜色

          autoplay: false,//是否自动切换

          interval: 5000,//自动切换时间间隔

          duration: 1000,//滑动动画时长

          circular: true,//是否采用衔接滑动

           },

           current:0

      },

      productSwiperScroll:function (e) {

        console.log(e)

        // body…

      }

      , onLoad: function() {

        this.setData({

            current:1

        })

      }

})

2 回复

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

回到顶部