DragImage.wxml 2.9 KB

1
  1. <view class="con data-v-e876b32a"><movable-area data-event-opts="{{[['mouseenter',[['mouseenter',['$event']]]],['mouseleave',[['mouseleave',['$event']]]]]}}" class="area data-v-e876b32a" style="{{'height:'+(areaHeight)+';'}}" bindmouseenter="__e" bindmouseleave="__e"><block wx:for="{{imageList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><block class="data-v-e876b32a"><movable-view class="view data-v-e876b32a" style="{{'width:'+(viewWidth+'px')+';'+('height:'+(viewWidth+'px')+';')+('z-index:'+(item.zIndex)+';')+('opacity:'+(item.opacity)+';')}}" x="{{item.x}}" y="{{item.y}}" direction="all" damping="{{40}}" disabled="{{item.disable}}" data-event-opts="{{[['tap',[['previewImage',[index]]]],['change',[['onChange',['$event','$0'],[[['imageList','id',item.id]]]]]],['longpress',[['touchstart',['$0'],[[['imageList','id',item.id]]]]]],['touchend',[['touchend',['$0'],[[['imageList','id',item.id]]]]]]]}}" bindtap="__e" bindchange="__e" bindlongpress="__e" bindtouchend="__e"><view class="area-con data-v-e876b32a" style="{{'width:'+(childWidth)+';'+('height:'+(childWidth)+';')+('transform:'+('scale('+item.scale+')')+';')}}"><image class="pre-image data-v-e876b32a" src="{{item.src}}" mode="aspectFill"></image><block wx:if="{{!chooseImage}}"><view data-event-opts="{{[['tap',[['delImage',['$0',index],[[['imageList','id',item.id]]]]]],['touchstart',[['delImageMp',['$0',index],[[['imageList','id',item.id]]]]]],['touchend',[['nothing']]],['mousedown',[['nothing']]],['mouseup',[['nothing']]]]}}" class="del-con data-v-e876b32a" bindtap="__e" catchtouchstart="__e" catchtouchend="__e" catchmousedown="__e" catchmouseup="__e"><view class="del-wrap data-v-e876b32a"><image class="del-image data-v-e876b32a" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAyMDowNzoyNSAyMTo1NDoyOU4TkJAAAADcSURBVFhH7ZfRCoMwDEXLvkjwwVf/bH/emmAyN6glTW9WBjsgwm28OeCLpj81Sil7zvlJ90UiONS/yY5VogsO6XrBg3IEQ5a/s8vRSWUAKmLqp2w5jz5BiNQEGMo3GbloDLtFXJ1IkaEuhAiiY6gEIqB4yqACSk9piIBiKQ8VUFpLviKg3C2rESKgWERCBZSWiEfgIfffYvrrsAgoISJ3Apy3zuTxcSxLQkV6ykNEPKVQkZEyiAiiZKgDIaC4upACSlcn5fM/+WuDCAHF1E/Z/N9AhkMZnPNDPI+UDjPIXgAQIGjNAAAAAElFTkSuQmCC"></image></view></view></block><block wx:if="{{item.choosed}}"><view class="choose data-v-e876b32a">{{''+item.chooseIndex+''}}</view></block></view></movable-view></block></block><block wx:if="{{imageList.length<number}}"><view data-event-opts="{{[['tap',[['addImages',['$event']]]]]}}" class="add data-v-e876b32a" style="{{'top:'+(add.y)+';'+('left:'+(add.x)+';')+('width:'+(viewWidth+'px')+';')+('height:'+(viewWidth+'px')+';')}}" bindtap="__e"><view class="add-wrap data-v-e876b32a" style="{{'width:'+(childWidth)+';'+('height:'+(childWidth)+';')}}"><image style="width:216rpx;height:216rpx;" src="{{assetsUrl+'album-add.png'}}" mode="aspectFit" class="data-v-e876b32a"></image></view></view></block></movable-area></view>