shmily-drag-image.wxml 3.4 KB

1
  1. <view class="con data-v-21688293"><block wx:if="{{viewWidth}}"><movable-area data-event-opts="{{[['mouseenter',[['mouseenter',['$event']]]],['mouseleave',[['mouseleave',['$event']]]]]}}" class="area data-v-21688293" style="{{'height:'+(areaHeight)+';'}}" bindmouseenter="__e" bindmouseleave="__e"><block wx:for="{{imageList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><movable-view class="view data-v-21688293" style="{{'width:'+(viewWidth+'px')+';'+('height:'+(viewWidth+'px')+';')+('z-index:'+(item.zIndex)+';')+('opacity:'+(item.opacity)+';')}}" direction="all" y="{{item.y}}" x="{{item.x}}" damping="{{40}}" disabled="{{item.disable}}" data-event-opts="{{[['change',[['onChange',['$event','$0'],[[['imageList','id',item.id]]]]]],['touchstart',[['touchstart',['$0'],[[['imageList','id',item.id]]]]]],['mousedown',[['touchstart',['$0'],[[['imageList','id',item.id]]]]]],['touchend',[['touchend',['$0'],[[['imageList','id',item.id]]]]]],['mouseup',[['touchend',['$0'],[[['imageList','id',item.id]]]]]]]}}" bindchange="__e" bindtouchstart="__e" bindmousedown="__e" bindtouchend="__e" bindmouseup="__e"><view class="area-con data-v-21688293" style="{{'width:'+(childWidth)+';'+('height:'+(childWidth)+';')+('border-radius:'+(borderRadius+'rpx')+';')+('transform:'+('scale('+item.scale+')')+';')}}"><image class="pre-image data-v-21688293" src="{{baseUrl+item.src}}" mode="aspectFill"></image><view data-event-opts="{{[['tap',[['delImages',['$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-21688293" bindtap="__e" catchtouchstart="__e" catchtouchend="__e" catchmousedown="__e" catchmouseup="__e"><view class="del-wrap data-v-21688293"><image class="del-image data-v-21688293" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAyMDowNzoyNSAyMTo1NDoyOU4TkJAAAADcSURBVFhH7ZfRCoMwDEXLvkjwwVf/bH/emmAyN6glTW9WBjsgwm28OeCLpj81Sil7zvlJ90UiONS/yY5VogsO6XrBg3IEQ5a/s8vRSWUAKmLqp2w5jz5BiNQEGMo3GbloDLtFXJ1IkaEuhAiiY6gEIqB4yqACSk9piIBiKQ8VUFpLviKg3C2rESKgWERCBZSWiEfgIfffYvrrsAgoISJ3Apy3zuTxcSxLQkV6ykNEPKVQkZEyiAiiZKgDIaC4upACSlcn5fM/+WuDCAHF1E/Z/N9AhkMZnPNDPI+UDjPIXgAQIGjNAAAAAElFTkSuQmCC"></image></view></view></view></movable-view></block><block wx:if="{{$root.g0<number}}"><view data-event-opts="{{[['tap',[['addImages',['$event']]]]]}}" class="add data-v-21688293" style="{{'top:'+(add.y)+';'+('left:'+(add.x)+';')+('width:'+(viewWidth+'px')+';')+('height:'+(viewWidth+'px')+';')}}" bindtap="__e"><view class="add-wrap data-v-21688293" style="{{'width:'+(childWidth)+';'+('height:'+(childWidth)+';')+('border-radius:'+(borderRadius+'rpx')+';')}}"><image style="width:54rpx;height:54rpx;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAABIUlEQVRoQ+2a2w2DMAxFeQzWrsMUbadAsEw3S1CqVgppKwLX8BEOP4iHTXx8uUgWdVXoVhdaV0VhSmf7vr/H8V3XzY6V3P9iD+nYOI5P7/01LMI596AwoZV0TIBXIUWFXhKLFBWYSFGhhxQN6SFFQ5i4ogITKSr0cEVDekjRECauqMBEigq9U7piOk2yAti27SUe5ljlTfPEQ6KZecTvwl4P3ytvOv06R2HDMNzes7+6aRrvnHvtf50L13Lp50rx88zcvNlS3JpwKQ67XyK04nq2nFbk/LqVjin0TvmBNgQ2S4UUDcliHgpMpKjQwxUN6SFFQ5i4ogITKSr0cEVDekjRECauqMAsVoph+hVPtYr5+03p9tbYQ96xrYtT4ootbAJGVxxVTapVswAAAABJRU5ErkJggg==" class="data-v-21688293"></image></view></view></block></movable-area></block></view>