fix(ui): 修复无动画模式卡片消失(no-anim 显式置为最终态) animation:none 会停住动画但保留 opacity:0 基础样式;改用 no-anim 类显式 opacity:1/transform:none
This commit is contained in:
+5
-3
@@ -189,8 +189,9 @@
|
|||||||
st.cls === "err" ? "error" : "",
|
st.cls === "err" ? "error" : "",
|
||||||
st.cls === "disabled" ? "disabled" : "",
|
st.cls === "disabled" ? "disabled" : "",
|
||||||
st.cls === "pending" ? "pending" : "",
|
st.cls === "pending" ? "pending" : "",
|
||||||
|
animate ? "" : "no-anim",
|
||||||
].join(" ").trim();
|
].join(" ").trim();
|
||||||
const animStyle = animate ? `animation-delay:${Math.min(idx, 12) * 40}ms` : "animation:none";
|
const animStyle = animate ? `animation-delay:${Math.min(idx, 12) * 40}ms` : "";
|
||||||
const win = accountWindows[a.id] || "all";
|
const win = accountWindows[a.id] || "all";
|
||||||
let hist;
|
let hist;
|
||||||
if (win === "all") {
|
if (win === "all") {
|
||||||
@@ -355,9 +356,10 @@
|
|||||||
list.innerHTML = platforms.map((p, i) => {
|
list.innerHTML = platforms.map((p, i) => {
|
||||||
const b = brandStyle(p.icon || "");
|
const b = brandStyle(p.icon || "");
|
||||||
const prov = providersList.find((x) => x.id === p.provider_id);
|
const prov = providersList.find((x) => x.id === p.provider_id);
|
||||||
const animStyle = animate ? `animation-delay:${Math.min(i, 10) * 35}ms` : "animation:none";
|
const animStyle = animate ? `animation-delay:${Math.min(i, 10) * 35}ms` : "";
|
||||||
|
const rowCls = `platform-row ${p.enabled ? "" : "platform-off"}${animate ? "" : " no-anim"}`;
|
||||||
return `
|
return `
|
||||||
<div class="platform-row ${p.enabled ? "" : "platform-off"}" style="${animStyle}">
|
<div class="${rowCls}" style="${animStyle}">
|
||||||
<div class="badge" style="background:${b.color}">${escapeHtml(b.abbr)}</div>
|
<div class="badge" style="background:${b.color}">${escapeHtml(b.abbr)}</div>
|
||||||
<div class="platform-info">
|
<div class="platform-info">
|
||||||
<div class="platform-name">${escapeHtml(p.name)}
|
<div class="platform-name">${escapeHtml(p.name)}
|
||||||
|
|||||||
@@ -408,6 +408,13 @@ label { font-size: 12px; font-weight: 500; color: var(--text-2); margin-bottom:
|
|||||||
.account-card { opacity: 1; transform: none; }
|
.account-card { opacity: 1; transform: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 无动画模式:自动刷新静默更新,直接以最终态显示 */
|
||||||
|
.account-card.no-anim, .platform-row.no-anim {
|
||||||
|
opacity: 1;
|
||||||
|
transform: none;
|
||||||
|
animation: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* ===== 账号监控:筛选栏 ===== */
|
/* ===== 账号监控:筛选栏 ===== */
|
||||||
.filter-bar {
|
.filter-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user