<view class="three_img_container" >

 <view class="image_box" wx:for="{{threeImgInfo}}" wx:key="{{index}}">

        <image mode="aspectFill" class="image" src="{{item}}" data-index="{{index}}" bindtap='previewImg' />

    </view>

</view>

​

    threeImgInfo: ['http://img5.imgtn.bdimg.com/it/u=1141414969,1492003336&fm=26&gp=0.jpg',

    'http://img2.imgtn.bdimg.com/it/u=4130901928,1556369906&fm=26&gp=0.jpg',

    'http://img0.imgtn.bdimg.com/it/u=1117227623,4248083759&fm=26&gp=0.jpg']

​

  previewImg:function(e){

    var index = e.currentTarget.dataset.index;

    var threeImgInfo = this.data.threeImgInfo;

    wx.previewImage({

      current: threeImgInfo[index],     //当前图片地址

      urls: threeImgInfo             //所有要预览的图片的地址集合 数组形式

    })

  },

    .image{

    width: 193rpx;

    height: 175rpx;

}

.three_img_container{

    display: flex;

    justify-content: space-between;

}