fix(pull-btn): 运行态去掉绿色背景,边框不旋转,仅内部沙漏图标旋转
- 模板:pull-btn 内部图标移到 span,由 sync-spin 类控制旋转 - 样式:.pull-btn.on 恢复透明背景 + 无边框阴影,去掉整体旋转动画
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user