feat(equipment): 弹框组件新增转圈加载图标

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

miniprogram/components/equipmentDialog/equipmentDialog.less

@@ -21,7 +21,16 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 100rpx 40rpx;
+    padding: 64rpx 40rpx 56rpx;
+
+    .equipment-spinner {
+        width: 96rpx;
+        height: 96rpx;
+        border: 8rpx solid rgba(19, 133, 250, 0.2);
+        border-top-color: #1385FA;
+        border-radius: 50%;
+        animation: equipment-spin 1s linear infinite;
+    }
 
     .equipment-title {
         color: #252535;
@@ -29,6 +38,7 @@
         font-size: 32rpx;
         line-height: 32rpx;
         text-align: center;
+        margin-top: 40rpx;
     }
 
     .equipment-content {
@@ -40,3 +50,13 @@
         white-space: pre-line;
     }
 }
+
+@keyframes equipment-spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}

miniprogram/components/equipmentDialog/equipmentDialog.wxml

@@ -1,6 +1,7 @@
 <block wx:if="{{ show }}">
     <view class="equipment-mask" bind:tap="onTapMask"></view>
     <view class="equipment-panel">
+        <view class="equipment-spinner"></view>
         <view class="equipment-title">{{ title }}</view>
         <view class="equipment-content">{{ content }}</view>
     </view>