45 lines
2.5 KiB
Plaintext
45 lines
2.5 KiB
Plaintext
<wxs src="../common/utils.wxs" module="utils" />
|
|
<view
|
|
style="{{ customStyle }};{{ !text && theme != 'error' && 'width: ' + utils.addUnit(size) + '; height: ' + utils.addUnit(size)}}"
|
|
class="{{prefix}}-class"
|
|
>
|
|
<view
|
|
wx:if="{{theme === 'bar' && theme !== 'error'}}"
|
|
style="{{progress >= 0 ? 'width:' + progress + '%' : ''}}"
|
|
class="{{prefix}}-class-indicator {{classPrefix}}__bar {{classPrefix}}__bar--{{progress < 0 ? 'animation' : progress < 100 ? 'static': ''}} {{progress >= 100 || !loading ? classPrefix + '__bar--loaded' : ''}}"
|
|
></view>
|
|
<view class="{{classPrefix}} {{classPrefix + '--' + layout}}" style="{{show ? '' : 'display:none'}}" wx:else>
|
|
<view
|
|
wx:if="{{indicator && theme != 'error'}}"
|
|
class="{{prefix}}-class-indicator {{classPrefix}}__spinner {{classPrefix}}__spinner--{{ theme }} {{reverse ? 'reverse' : ''}}"
|
|
style="width: {{ utils.addUnit(size) }}; height: {{ utils.addUnit(size) }}; {{inheritColor ? 'color: inherit' : ''}} {{indicator ? '' : 'display:none'}}; {{duration ? 'animation-duration: ' + duration / 1000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
|
|
>
|
|
<view wx:if="{{ theme === 'spinner' }}" wx:for="{{12}}" wx:key="index" class="{{classPrefix}}__dot" />
|
|
<view wx:if="{{ theme === 'circular' }}" class="{{classPrefix}}__circular" />
|
|
<block wx:if="{{ theme === 'dots' }}">
|
|
<view
|
|
class="{{classPrefix}}__dot"
|
|
style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + 0 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
|
|
></view>
|
|
<view
|
|
class="{{classPrefix}}__dot"
|
|
style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + duration * 1 / 3000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
|
|
></view>
|
|
<view
|
|
class="{{classPrefix}}__dot"
|
|
style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + duration * 2 / 3000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
|
|
></view>
|
|
</block>
|
|
</view>
|
|
<view class="{{utils.cls(classPrefix + '__text', [layout])}} {{prefix}}-class-text">
|
|
<view wx:if="{{theme === 'error'}}">
|
|
加载失败
|
|
<text class="{{classPrefix}}__refresh-btn" bind:tap="refreshPage">刷新</text>
|
|
</view>
|
|
<block wx:if="{{text && text !== 'slot'}}">{{text}}</block>
|
|
<slot name="text" />
|
|
<slot />
|
|
</view>
|
|
</view>
|
|
</view>
|