iter(g240): 按钮 loading 态，转圈禁点支持布尔与信号动态同步

2026-10-26 21:40:43 +08:00
parent 1ce98bdacd
commit 594051975b
8 changed files with 61 additions and 13 deletions
@@ -5238,3 +5238,24 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
  color: inherit;
  font-weight: var(--ua-weight-medium);
 }
+
+/* ---- 按钮 loading 态：转圈 + 禁点 ---- */
+.ua-btn-spin {
+  display: none; /* 非加载态不占位：文案位置不漂移 */
+  border-width: 2px;
+}
+.ua-btn.is-loading {
+  cursor: progress; /* 光标改忙碌：点了也不会有下一步 */
+}
+.ua-btn.is-loading .ua-btn-spin {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  margin-right: var(--ua-space-05);
+  vertical-align: -0.125em; /* 随文字基线微沉：转圈与文案居中对齐 */
+}
+@media (prefers-reduced-motion: reduce) {
+  .ua-btn.is-loading .ua-btn-spin {
+    animation: none; /* 降动效：转圈静态化为实色环 */
+  }
+}