46 lines
1.4 KiB
Plaintext
46 lines
1.4 KiB
Plaintext
<view class="ui-photo">
|
||
<view class="ui-photo__list">
|
||
<view
|
||
wx:for="{{photos}}"
|
||
wx:key="index"
|
||
class="ui-photo__item"
|
||
data-index="{{index}}"
|
||
bindtap="onTap"
|
||
>
|
||
<image class="ui-photo__img" src="{{item.url}}" mode="aspectFill" />
|
||
<view wx:if="{{item.status && item.status !== 'uploaded'}}" class="ui-photo__status">
|
||
<ui-status-badge
|
||
kind="{{photoStatusKindMap[item.status]}}"
|
||
label="{{photoStatusLabelMap[item.status]}}"
|
||
/>
|
||
</view>
|
||
<view
|
||
wx:if="{{!readonly && item.status !== 'uploading'}}"
|
||
class="ui-photo__remove"
|
||
catchtap="onRemove"
|
||
data-index="{{index}}"
|
||
>×</view>
|
||
<view
|
||
wx:if="{{item.status === 'failed'}}"
|
||
class="ui-photo__retry"
|
||
catchtap="onRetry"
|
||
data-index="{{index}}"
|
||
>重试</view>
|
||
<view wx:if="{{item.status === 'uploading'}}" class="ui-photo__mask">
|
||
<view class="ui-photo__spinner"></view>
|
||
</view>
|
||
</view>
|
||
<view
|
||
wx:if="{{!readonly && photos.length < max}}"
|
||
class="ui-photo__add"
|
||
bindtap="onAdd"
|
||
>
|
||
<view class="ui-photo__add-icon">+</view>
|
||
<text class="ui-photo__add-text">{{photos.length}}/{{max}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="ui-photo__hint">
|
||
<text>最多 {{max}} 张，建议真人生活照，避免过度美颜</text>
|
||
</view>
|
||
</view>
|