| | |
| | | </view> |
| | | <view class="weui-uploader__bd"> |
| | | <view class="weui-uploader__files"> |
| | | <block wx:for="{{currentFiles}}" wx:key="*this"> |
| | | <view |
| | | wx:if="{{item.error}}" |
| | | data-index="{{index}}" |
| | | bindtap="previewImage" |
| | | class="weui-uploader__file weui-uploader__file_status" |
| | | > |
| | | <image |
| | | class="weui-uploader__img" |
| | | src="{{item.url}}" |
| | | mode="aspectFill" |
| | | /> |
| | | <view class="weui-uploader__file-content"> |
| | | <icon type="warn" size="23" color="#F43530"></icon> |
| | | <block wx:for="{{currentFiles}}" wx:key="index"> |
| | | <!-- 图片 --> |
| | | <block wx:if="{{item.type == 'image'}}"> |
| | | <view |
| | | wx:if="{{item.error}}" |
| | | data-index="{{index}}" |
| | | bindtap="previewImage" |
| | | class="weui-uploader__file weui-uploader__file_status" |
| | | > |
| | | <image |
| | | class="weui-uploader__img" |
| | | src="{{item.url}}" |
| | | mode="aspectFill" |
| | | /> |
| | | <view class="weui-uploader__file-content"> |
| | | <icon type="warn" size="23" color="#F43530"></icon> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view |
| | | wx:elif="{{item.loading}}" |
| | | data-index="{{index}}" |
| | | bindtap="previewImage" |
| | | class="weui-uploader__file weui-uploader__file_status" |
| | | > |
| | | <image |
| | | class="weui-uploader__img" |
| | | src="{{item.url}}" |
| | | mode="aspectFill" |
| | | /> |
| | | <view class="weui-uploader__file-content"> |
| | | <view class="weui-loading"></view> |
| | | <view |
| | | wx:elif="{{item.loading}}" |
| | | data-index="{{index}}" |
| | | bindtap="previewImage" |
| | | class="weui-uploader__file weui-uploader__file_status" |
| | | > |
| | | <image |
| | | class="weui-uploader__img" |
| | | src="{{item.url}}" |
| | | mode="aspectFill" |
| | | /> |
| | | <view class="weui-uploader__file-content"> |
| | | <view class="weui-loading"></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view |
| | | wx:else |
| | | class="weui-uploader__file" |
| | | data-index="{{index}}" |
| | | bindtap="previewImage" |
| | | > |
| | | <image |
| | | class="weui-uploader__img" |
| | | src="{{item.url}}" |
| | | mode="aspectFill" |
| | | /> |
| | | </view> |
| | | <view |
| | | wx:else |
| | | class="weui-uploader__file" |
| | | data-index="{{index}}" |
| | | bindtap="previewImage" |
| | | > |
| | | <image |
| | | class="weui-uploader__img" |
| | | src="{{item.url}}" |
| | | mode="aspectFill" |
| | | /> |
| | | <view class="close-btn"> |
| | | <t-icon |
| | | name="close" |
| | | size="36rpx" |
| | | data-index="{{index}}" |
| | | catch:tap="deleteFile" |
| | | ></t-icon> |
| | | </view> |
| | | </view> |
| | | </block> |
| | | <block wx:elif="{{item.type == 'file'}}"> |
| | | <view |
| | | data-index="{{index}}" |
| | | bindtap="previewFile" |
| | | class="weui-uploader__file" |
| | | > |
| | | <view |
| | | class="{{'weui-uploader__img uploader-preview__file ' + item.styleClass}}" |
| | | > |
| | | <view class="wrap"> |
| | | <span class="{{'txt ' + item.styleClass}}">{{item.name}}</span> |
| | | <!-- <span class="{{'filename ' + item.styleClass}}" data-title="{{item.name}}" |
| | | >{{item.name}}</span |
| | | > --> |
| | | </view> |
| | | <text class="unit" data-ext="{{item.ext}}">{{item.size}}</text> |
| | | </view> |
| | | <view class="close-btn"> |
| | | <t-icon |
| | | name="close" |
| | | size="36rpx" |
| | | data-index="{{index}}" |
| | | catch:tap="deleteFile" |
| | | ></t-icon> |
| | | </view> |
| | | </view> |
| | | </block> |
| | | </block> |
| | | </view> |
| | | <view |
| | |
| | | class="weui-uploader__input-box" |
| | | hover-class="weui-active" |
| | | > |
| | | <view class="weui-uploader__input" bindtap="chooseImage"></view> |
| | | <view class="weui-uploader__input" bindtap="showActionSheet"></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | img-urls="{{previewImageUrls}}" |
| | | current="{{previewCurrent}}" |
| | | ></mp-gallery> |
| | | <mp-actionSheet |
| | | bindactiontap="actionClick" |
| | | show="{{showSheet}}" |
| | | actions="{{groups}}" |
| | | showCancel="{{true}}" |
| | | showClose="{{false}}" |
| | | > |
| | | </mp-actionSheet> |