收藏
回答

微信小程序轮播图点击其中如何一张图片为什么一直显示第一张?

<swiper current="{{current}}" display-multiple-items="number" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true">  
  <view wx:for="{{imgUrls}}">  
    <swiper-item bindtap="previewImage">  
        <image src="{{item.url}}" class="slide-image"/>    
    </swiper-item>  
  </view>  
 
js部分
    indicatorDots: true,  //小点
    autoplay: true,  //是否自动轮播
    interval: 4000,  //间隔时间
    duration:500,
    imgUrls: [
      {
        url: 'http://i2.tiimg.com/710528/6d8db882b4d98cd5.jpg'
      }, {
        url: 'http://i1.fuimg.com/710528/783e28093fc650f0.jpg'
      }, {
        url: 'http://i2.tiimg.com/710528/3ea1d72d1825c991.jpg'
      }
    ],
    
  },

previewImage: function (e) {
    var item = e.currentTarget.dataset;
    var imgUrls = e.currentTarget.dataset;
    
    //图片预览
    wx.previewImage({
      current:imgUrls, // 当前显示图片的http链接
      urls: ['http://i2.tiimg.com/710528/6d8db882b4d98cd5.jpg', 'http://i1.fuimg.com/710528/783e28093fc650f0.jpg', 'http://i2.tiimg.com/710528/3ea1d72d1825c991.jpg'] // 需要预览的图片http链接列表
    })
    console.log(e)
  },

y一直出不来效果,求大哥指点一下是哪里的问题,需要怎么修改
回答关注问题邀请回答
收藏

3 个回答

  • 拾忆
    拾忆
    03-27

    https://developers.weixin.qq.com/s/8ZfLramn7TgB

    --↓↓👍点赞是回答的动力哦

    03-27
    有用 1
    回复 1
  • Stranger
    Stranger
    03-27

    这里是不是写少了

    03-27
    有用
    回复 1
    • 青馆.
      青馆.
      03-28
      已经好了,谢谢
      03-28
      回复
  • FWAN
    FWAN
    03-27

    文档上说, swiper 内部只能放置 swiper-item 组件,你把 view 换成 block 试一下,或者直接吧wx:for放 到 swiper-item 中。

    03-27
    有用
    回复 2
    • 青馆.
      青馆.
      03-27
      还有其他的地方需要改的吗
      03-27
      回复
    • FWAN
      FWAN
      03-27回复青馆.
      能实现你的功能了吗?
      03-27
      回复
登录 后发表内容
问题标签