fix(sync-btn): 拉取中按钮去掉绿色背景,仅沙漏图标旋转
This commit is contained in:
@@ -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); }
|
||||
|
||||
@@ -23,7 +23,7 @@ export default defineConfig({
|
||||
proxy: {
|
||||
// 本地开发代理到后端 API
|
||||
'/api': {
|
||||
target: 'http://localhost:3000',
|
||||
target: 'http://192.168.3.22:42338/',
|
||||
changeOrigin: true,
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user