yunshangxie/unpackage/dist/dev/mp-weixin/tuniao-ui/components/tn-image-upload-drag/tn-image-upload-drag.wxml

1 line
3.4 KiB
Plaintext
Raw Normal View History

2024-04-20 14:58:10 +08:00
<block wx:if="{{!disabled}}"><view class="tn-image-upload-class tn-image-upload data-v-4c370648"><movable-area data-event-opts="{{[['mouseenter',[['mouseEnterArea',['$event']]]],['mouseleave',[['mouseLeaveArea',['$event']]]]]}}" class="tn-image-upload__movable-area data-v-4c370648" style="{{'height:'+(movableAreaHeight)+';'}}" bindmouseenter="__e" bindmouseleave="__e"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="id"><block class="data-v-4c370648"><movable-view class="tn-image-upload__movable-view data-v-4c370648" style="{{'width:'+(item.g0)+';'+('height:'+(item.g1)+';')+('z-index:'+(item.$orig.zIndex)+';')+('opacity:'+(item.$orig.opacity)+';')}}" x="{{item.$orig.x}}" y="{{item.$orig.y}}" direction="all" damping="{{40}}" disabled="{{item.$orig.disabled}}" data-event-opts="{{[['change',[['movableChange',['$event','$0'],[[['lists','id',item.$orig.id]]]]]],['touchstart',[['movableStart',['$0'],[[['lists','id',item.$orig.id]]]]]],['mousedown',[['movableStart',['$0'],[[['lists','id',item.$orig.id]]]]]],['touchend',[['movableEnd',['$0'],[[['lists','id',item.$orig.id]]]]]],['mouseup',[['movableEnd',['$0'],[[['lists','id',item.$orig.id]]]]]],['longpress',[['movableLongPress',['$0'],[[['lists','id',item.$orig.id]]]]]]]}}" bindchange="__e" bindtouchstart="__e" bindmousedown="__e" bindtouchend="__e" bindmouseup="__e" bindlongpress="__e"><view class="tn-image-upload__item tn-image-upload__item-preview data-v-4c370648" style="{{'width:'+(item.g2)+';'+('height:'+(item.g3)+';')+('transform:'+('scale('+item.$orig.scale+')')+';')}}"><block wx:if="{{deleteable}}"><view data-event-opts="{{[['tap',[['deleteItem',[index]]]]]}}" class="tn-image-upload__item-preview__delete data-v-4c370648" style="{{'border-top-color:'+(deleteBackgroundColor)+';'}}" catchtap="__e"><view class="{{['tn-image-upload__item-preview__delete--icon','data-v-4c370648','tn-icon-'+deleteIcon]}}" style="{{'color:'+(deleteColor)+';'}}"></view></view></block><block wx:if="{{showProgress&&item.$orig.data.progress>0&&!item.$orig.data.error}}"><tn-line-progress class="tn-image-upload__item-preview__progress data-v-4c370648" vue-id="{{'62ab9faa-1-'+index}}" percent="{{item.$orig.data.progress}}" showPercent="{{false}}" round="{{false}}" height="{{8}}" bind:__l="__l"></tn-line-progress></block><block wx:if="{{item.$orig.data.error}}"><view data-event-opts="{{[['tap',[['retry',[index]]]]]}}" class="tn-image-upload__item-preview__error-btn data-v-4c370648" catchtap="__e">点击重试</view></block><image class="tn-image-upload__item-preview__image data-v-4c370648" src="{{item.$orig.data.url||item.$orig.data.path}}" mode="{{imageMode}}" data-event-opts="{{[['tap',[['doPreviewImage',[item.$orig.data.url||item.$orig.data.path,index]]]]]}}" catchtap="__e"></image></view></movable-view></block></block><block wx:if="{{maxCount>$root.g4}}"><view data-event-opts="{{[['tap',[['selectFile',['$event']]]]]}}" class="tn-image-upload__add data-v-4c370648" style="{{'top:'+(addBtn.y+'px')+';'+('left:'+(addBtn.x+'px')+';')+('width:'+($root.g5)+';')+('height:'+($root.g6)+';')}}" bindtap="__e"><view class="tn-image-upload__item tn-image-upload__item-add data-v-4c370648" style="{{'width:'+($root.g7)+';'+('height:'+($root.g8)+';')}}" hover-class="tn-hover-class" hover-stay-time="150"><view class="tn-image-upload__item-add--icon tn-icon-add data-v-4c370648"></view><view class="tn-image-upload__item-add__tips data-v-4c370648">{{uploadText}}</view></view></view></block></movable-area></view></block>