fix(sync-btn): 拉取中按钮去掉绿色背景,仅沙漏图标旋转
CI / Backend tests (push) Canceled after 0s
CI / Frontend build (push) Canceled after 0s

This commit is contained in:
yinjun.chen1
2026-09-21 22:50:11 +08:00
parent 84c9a11e6f
commit 2c9f3712df
2 changed files with 7 additions and 4 deletions
+6 -3
View File
@@ -416,7 +416,9 @@ const pendingCount = computed(() => state.pkgList.items.filter(i => i.status ===
:class="{ on: state.syncProgress.running }"
:title="state.syncProgress.running ? `正在拉取… ${state.syncProgress.processed}/${state.syncProgress.total}` : '一键拉取存量包最新版本'"
@click.stop="doSyncLatest"
>{{ state.syncProgress.running ? '⏳' : '📥' }}</button>
>
<span :class="state.syncProgress.running ? 'sync-spin' : ''">{{ state.syncProgress.running ? '⏳' : '📥' }}</span>
</button>
<div class="dd">
<button class="dd-btn" :class="{ on: filterOpen }" title="快捷筛选" @click.stop="toggleFilter">🎚️</button>
<Transition name="dd">
@@ -686,9 +688,10 @@ const pendingCount = computed(() => state.pkgList.items.filter(i => i.status ===
transition: .15s;
}
.dd-btn:hover { border-color: color-mix(in srgb, var(--orange) 60%, transparent); }
.dd-btn.on { background: var(--green); border-color: var(--green); box-shadow: 0 6px 14px -4px rgba(50, 205, 50, .5); }
.dd-btn.on:not(.sync-btn):not(.pull-btn) { background: var(--green); border-color: var(--green); box-shadow: 0 6px 14px -4px rgba(50, 205, 50, .5); }
.sync-btn { font-size: 17px; }
.sync-btn.on { animation: sync-spin 1.1s linear infinite; }
.sync-btn.on { background: transparent; border-color: var(--line); box-shadow: none; }
.sync-btn.on .sync-spin { animation: sync-spin 1.1s linear infinite; }
@keyframes sync-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
+1 -1
View File
@@ -23,7 +23,7 @@ export default defineConfig({
proxy: {
// 本地开发代理到后端 API
'/api': {
target: 'http://localhost:3000',
target: 'http://192.168.3.22:42338/',
changeOrigin: true,
},
},