28 lines
968 B
Plaintext
28 lines
968 B
Plaintext
<!--components/loading/loading.wxml-->
|
|
<view class="loading-container" wx:if="{{show}}">
|
|
<view class="loading-mask" wx:if="{{mask}}"></view>
|
|
<view class="loading-content">
|
|
<!-- 骨架屏模式 -->
|
|
<view class="skeleton" wx:if="{{type === 'skeleton'}}">
|
|
<view class="skeleton-avatar"></view>
|
|
<view class="skeleton-lines">
|
|
<view class="skeleton-line" wx:for="{{[1,2,3]}}" wx:key="index"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 加载动画模式 -->
|
|
<view class="loading-spinner" wx:if="{{type === 'spinner'}}">
|
|
<view class="spinner"></view>
|
|
<text class="loading-text" wx:if="{{text}}">{{text}}</text>
|
|
</view>
|
|
|
|
<!-- 进度条模式 -->
|
|
<view class="loading-progress" wx:if="{{type === 'progress'}}">
|
|
<view class="progress-bar">
|
|
<view class="progress-fill" style="width: {{progress}}%"></view>
|
|
</view>
|
|
<text class="progress-text">{{progress}}%</text>
|
|
</view>
|
|
</view>
|
|
</view>
|