微信小程序轮播图点击其中如何一张图片为什么一直显示第一张?
发布于 7 年前 作者 pingren 10060 次浏览 来自 问答
<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 回复

这里是不是写少了

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

回到顶部