fix(pull-btn): 运行态去掉绿色背景,边框不旋转,仅内部沙漏图标旋转
CI / Backend tests (push) Canceled after 0s
CI / Frontend build (push) Canceled after 0s

- 模板:pull-btn 内部图标移到 span,由 sync-spin 类控制旋转
- 样式:.pull-btn.on 恢复透明背景 + 无边框阴影,去掉整体旋转动画
This commit is contained in:
yinjun.chen1
2026-09-21 23:48:14 +08:00
parent d228ee5923
commit ad6368e9f9
+4 -2
View File
@@ -418,7 +418,9 @@ const pendingCount = computed(() => state.pkgList.items.filter(i => i.status ===
? `正在按清单拉取… ${state.pkgPullProgress.processed}/${state.pkgPullProgress.total}(第 ${state.pkgPullProgress.round} 轮)`
: '按 npm 包清单拉取(后台执行)'"
@click.stop="doPkgPull"
>{{ state.pkgPullProgress.running ? '⏳' : '⬇️' }}</button>
>
<span :class="state.pkgPullProgress.running ? 'sync-spin' : ''">{{ state.pkgPullProgress.running ? '⏳' : '⬇️' }}</span>
</button>
<span
v-if="state.pkgPullProgress.failed > 0"
class="fail-badge"
@@ -731,7 +733,7 @@ const pendingCount = computed(() => state.pkgList.items.filter(i => i.status ===
}
.pull-wrap { position: relative; }
.pull-btn { font-size: 17px; }
.pull-btn.on { animation: sync-spin 1.1s linear infinite; }
.pull-btn.on { background: transparent; border-color: var(--line); box-shadow: none; }
.fail-badge {
position: absolute;
top: -7px;