feat(HEL-75): 手机端丝滑度整改①——动效Token/按压反馈/日夜平滑/空态入场

Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
施工员
2026-08-24 10:35:50 +08:00
co-authored by multica-agent
parent 6174efaee5
commit 7752648e4b
3 changed files with 104 additions and 4 deletions
+12 -2
View File
@@ -144,7 +144,7 @@
}
function placeholderHtml(title, subtitle) {
return '<div class="m-placeholder">' +
return '<div class="m-placeholder m-motion-rise-in">' +
'<span class="m-placeholder-icon">' + icon("inbox", 26) + "</span>" +
"<h2>" + escapeHtml(title) + "</h2>" +
"<p>" + escapeHtml(subtitle || "该页面将在后续批次实现,返回即可继续浏览。") + "</p>" +
@@ -172,6 +172,16 @@
"</div></div>";
}
function syncThemeToggleUI() {
const dark = document.getElementById("m-app").dataset.theme === "dark";
const toggle = document.querySelector("[data-theme-toggle]");
if (toggle) toggle.setAttribute("aria-checked", dark ? "true" : "false");
const rowIcon = document.querySelector(".m-theme-row-icon");
if (rowIcon) rowIcon.innerHTML = icon(dark ? "moon" : "sun");
const rowBodySmall = document.querySelector(".m-theme-row-body small");
if (rowBodySmall) rowBodySmall.textContent = dark ? "当前:夜间模式" : "当前:日间模式";
}
function visibleHubItems(hub) {
const items = hub && hub.items ? hub.items : [];
return items.filter(function (item) {
@@ -339,7 +349,7 @@
const toggle = event.target.closest("[data-theme-toggle]");
if (!toggle) return;
global.MobileTheme.toggle();
render();
syncThemeToggleUI();
});
window.addEventListener("hashchange", function () {
if (internalNav > 0) {