iter(g125): 开关补 loading 加载态

2026-10-26 14:44:37 +08:00
parent 56e5d18753
commit 490c9fa6ed
8 changed files with 70 additions and 18 deletions
@@ -293,6 +293,24 @@ body.ua-col-resizing {
 .ua-switch-label {
  font-size: var(--ua-font-size-md);
 }
+.ua-switch.is-loading {
+  cursor: progress; /* 加载中：光标改忙碌 */
+}
+.ua-switch.is-loading .ua-switch-thumb {
+  box-sizing: border-box;           /* 滑块换成转圈环：border 计入尺寸 */
+  background: transparent;
+  border: 2px solid color-mix(in srgb, var(--ua-color-bg) 40%, transparent);
+  border-top-color: var(--ua-color-bg);
+  animation: ua-switch-spin 0.7s linear infinite;
+}
+@keyframes ua-switch-spin {
+  to { transform: rotate(360deg); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ua-switch.is-loading .ua-switch-thumb {
+    animation: none; /* 减少动效：转圈静态化为实心环 */
+  }
+}

 /* —— 下拉选择（自绘弹层） —— */
 .ua-select {