feat(userManagementSync): 同步弹框增加转圈圈与完成对勾

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

miniprogram/components/userManagementSync/userManagementSync.less

@@ -23,11 +23,34 @@
     align-items: center;
     padding: 64rpx 48rpx;
 
+    .sync-spinner {
+        width: 96rpx;
+        height: 96rpx;
+        border: 8rpx solid rgba(19, 133, 250, 0.1);
+        border-top-color: #1385FA;
+        border-radius: 50%;
+        animation: sync-spin 1s linear infinite;
+    }
+
+    .sync-tick {
+        width: 96rpx;
+        height: 96rpx;
+        border: 8rpx solid #1385FA;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #1385FA;
+        font-size: 56rpx;
+        line-height: 56rpx;
+    }
+
     .sync-title {
         color: #252535;
         height: 32rpx;
         font-size: 32rpx;
         line-height: 32rpx;
+        margin-top: 40rpx;
     }
 
     .sync-status {
@@ -61,3 +84,13 @@
         }
     }
 }
+
+@keyframes sync-spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}

miniprogram/components/userManagementSync/userManagementSync.wxml

@@ -1,6 +1,12 @@
 <block wx:if="{{ show }}">
     <view class="sync-mask"></view>
     <view class="sync-panel">
+        <block wx:if="{{ percent === 100 }}">
+            <view class="sync-tick">✓</view>
+        </block>
+        <block wx:else>
+            <view class="sync-spinner"></view>
+        </block>
         <view class="sync-title">同步成员至设备</view>
         <view class="sync-status">{{ status }}</view>
         <view class="sync-percent">{{ percent }}%</view>