1

components/loading/loading.wxml

@@ -0,0 +1,27 @@
+<!--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>