51 lines
1.7 KiB
Plaintext
51 lines
1.7 KiB
Plaintext
<!-- 加载中占位 -->
|
|
<view
|
|
wx:if="{{isLoading}}"
|
|
style="{{innerStyle}} {{customStyle}}"
|
|
class="{{prefix}}-class {{classPrefix}} {{classPrefix}}__mask {{classPrefix}}--loading {{classPrefix}}--shape-{{shape}}"
|
|
aria-hidden="{{ariaHidden}}"
|
|
>
|
|
<t-loading
|
|
wx:if="{{loading === 'default'}}"
|
|
theme="dots"
|
|
size="44rpx"
|
|
loading
|
|
inherit-color
|
|
class="t-class-load"
|
|
t-class-text="{{classPrefix}}--loading-text"
|
|
></t-loading>
|
|
<view wx:elif="{{loading !== 'slot' && loading !== ''}}" class="{{classPrefix}}__common {{prefix}}-class-load">
|
|
{{loading}}
|
|
</view>
|
|
<slot wx:else name="loading" class="{{prefix}}-class-load" />
|
|
</view>
|
|
<!-- 加载失败占位 -->
|
|
<view
|
|
wx:elif="{{isFailed}}"
|
|
style="{{innerStyle}} {{customStyle}}"
|
|
class="{{prefix}}-class {{classPrefix}} {{classPrefix}}__mask {{classPrefix}}--failed {{classPrefix}}--shape-{{shape}}"
|
|
aria-hidden="{{ariaHidden}}"
|
|
>
|
|
<view wx:if="{{error === 'default'}}" style="font-size: 44rpx" class="{{prefix}}-class-load">
|
|
<t-icon name="close" aria-role="img" aria-label="加载失败" />
|
|
</view>
|
|
<view wx:elif="{{error && error !== 'slot'}}" class="{{classPrefix}}__common {{prefix}}-class-load"> {{error}} </view>
|
|
<slot wx:else name="error" class="{{prefix}}-class-load"></slot>
|
|
</view>
|
|
<!-- 图片 -->
|
|
<image
|
|
id="image"
|
|
hidden="{{isLoading || isFailed}}"
|
|
class="{{prefix}}-class {{classPrefix}} {{classPrefix}}--shape-{{shape}}"
|
|
src="{{src}}"
|
|
style="{{innerStyle}}{{customStyle}}"
|
|
mode="{{mode}}"
|
|
webp="{{webp}}"
|
|
lazy-load="{{lazy}}"
|
|
bind:load="onLoaded"
|
|
bind:error="onLoadError"
|
|
show-menu-by-longpress="{{showMenuByLongpress}}"
|
|
aria-hidden="{{ariaHidden || isLoading || isFailed}}"
|
|
aria-label="{{ariaLabel}}"
|
|
/>
|