收藏
回答

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

问题模块
API和组件

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

最后一次编辑于  2017-08-09  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

2 个回答

  • 麦琪
    麦琪
    2017-08-09

    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
        })
      },
    })


    2017-08-09
    赞同
    回复
  • 0.0😪
    0.0😪
    2017-08-09

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

    2017-08-09
    赞同
    回复