下面点击的产品 上面的大图就显示下面的每点击的图片显示！
发布于 6 年前 作者 juan67 9720 次浏览 来自 问答

下面点击的产品 上面的大图就显示下面的每点击的图片显示！

2 回复

可以了！！谢谢啦！亲！ ^-^

wxml文件

<image src="{{big_url}}"></image>
<view wx:for="{{small}}" wx:key="{{index}}">
  <image src="{{item.url}}" bindtap="click" data-url="{{item.url}}" style="width:100px;height:100px;float:left;margin-right:10px"></image>
</view>

js文件

Page({
  data: {
    big_url:'../../images/1.jpg',
    small:[
      { url: '../../images/1.jpg' },
      { url: '../../images/2.jpg' },
      { url: '../../images/3.jpg' },
    ]
     
  },
  onLoad:function(e){
    console.log(this.data.big_url)
  },
  click:function(e){
    var that=this
    var new_url = e.currentTarget.dataset.url
    that.setData({
      big_url:new_url
    })
  },
})
回到顶部