takephoto(){
var that = this;
var arr = this.data.imgList;
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success (res) {
const tempFilePaths = res.tempFilePaths;
arr.push(tempFilePaths[0]);
that.setData({
imgList:arr,
})
}
});
},
canclephoto(res){
var index = res.currentTarget.dataset.index;
var arr = this.data.imgList;
arr.splice(index,1);
this.setData({
imgList:arr,
})
},
wxml
<view style="display:flex;overflow-x: auto;overflow-y: hidden;width:100%;justify-content: flex-start;align-items: center;box-sizing:border-box;padding:20rpx;">
<view wx:for="{{imgList}}" wx:key="index" style="position:relative;height:80rpx;width:80rpx;margin-right:40rpx;">
<image src="{{item}}" style="width:80rpx;height:80rpx;" data-set="{{item}}" bindtap="seeclearly"></image>
<van-icon name="close" color=" #F56C6C" size="15px" style="position:absolute;top:-20rpx;right:-20rpx;" data-set="{{item}}" data-index="{{index}}" bindtap="canclephoto" />
</view>
</view>
data
imgList: [],
currentImg: "",