' +
'
' + icon("inbox", 26) + "" +
@@ -138,18 +162,14 @@
return null;
}
- function renderHome() {
- updateHeader({ title: "小白复盘", back: false, actions: themeToggleHtml() });
- const items = global.MobileNav.entries.map(function (entry) {
- const route = entry.key === "assistant" ? "#/assistant/chat" : "#/hub/" + entry.key;
- return '
' +
- '";
- }).join("");
- document.getElementById("m-view").innerHTML = '
";
+ function themeToggleSection() {
+ const dark = document.getElementById("m-app").dataset.theme === "dark";
+ return '
' +
+ '
' +
+ '' + icon(dark ? "moon" : "sun") + "" +
+ '外观主题' + (dark ? "当前：夜间模式" : "当前：日间模式") + "" +
+ '' +
+ "
";
}
function visibleHubItems(hub) {
@@ -162,12 +182,14 @@
function renderHub(key) {
const hub = global.MobileNav.hubs[key];
if (!hub) {
- renderHome();
+ replace(DEFAULT_HASH);
return;
}
const items = visibleHubItems(hub);
- updateHeader({ title: hub.title, back: true });
+ updateHeader({ title: hub.title, back: false });
+ const section = key === "system" ? themeToggleSection() : "";
document.getElementById("m-view").innerHTML =
+ section +
'
' +
items.map(function (item) {
return '- ' +
@@ -186,7 +208,7 @@
}
function renderAssistant() {
- updateHeader({ title: "复盘助手", back: true });
+ updateHeader({ title: "复盘助手", back: false });
document.getElementById("m-view").innerHTML = placeholderHtml("复盘助手", "聊天工作台将在后续批次实现。");
}
@@ -253,7 +275,7 @@
} else {
await global.MobileSession.login(username, password);
}
- replace("#/home");
+ replace(DEFAULT_HASH);
} catch (error) {
errorElement.textContent = error.message || "账号操作失败";
errorElement.hidden = false;
@@ -262,13 +284,43 @@
}
}
+ function buildTabbar() {
+ document.getElementById("m-tabbar").innerHTML = global.MobileNav.entries.map(function (entry) {
+ return '";
+ }).join("");
+ }
+
+ function updateTabbar(activeKey) {
+ document.querySelectorAll("#m-tabbar .m-tabbar-item").forEach(function (button) {
+ const active = button.dataset.tab === activeKey;
+ button.classList.toggle("active", active);
+ if (active) button.setAttribute("aria-current", "page");
+ else button.removeAttribute("aria-current");
+ });
+ }
+
function render() {
const route = currentRoute();
+ if (route.name === "home") {
+ replace(DEFAULT_HASH);
+ return;
+ }
+ const tabbar = document.getElementById("m-tabbar");
+ if (route.name === "auth") {
+ tabbar.hidden = true;
+ document.getElementById("m-app").dataset.tabbar = "false";
+ } else {
+ tabbar.hidden = false;
+ document.getElementById("m-app").dataset.tabbar = "true";
+ updateTabbar(entryKeyOfRoute(route));
+ }
if (route.name === "hub") renderHub(route.params[0]);
else if (route.name === "feature") renderFeature(route.params.join("/"));
else if (route.name === "assistant") renderAssistant();
else if (route.name === "auth") renderAuth();
- else renderHome();
}
function bindGlobalEvents() {
@@ -278,14 +330,16 @@
navigate(entry.dataset.route);
}
});
+ document.getElementById("m-tabbar").addEventListener("click", function (event) {
+ const item = event.target.closest("[data-tab]");
+ if (item) switchEntry(item.dataset.tab);
+ });
document.getElementById("m-back").addEventListener("click", back);
document.addEventListener("click", function (event) {
const toggle = event.target.closest("[data-theme-toggle]");
if (!toggle) return;
global.MobileTheme.toggle();
- if (currentRoute().name === "home") {
- document.getElementById("m-actions").innerHTML = themeToggleHtml();
- }
+ render();
});
window.addEventListener("hashchange", function () {
if (internalNav > 0) {
@@ -304,8 +358,15 @@
function init() {
bindGlobalEvents();
+ buildTabbar();
stack.length = 0;
- stack.push(currentHash());
+ const raw = window.location.hash || "";
+ if (!raw || raw === "#" || raw === "#/") {
+ stack.push(DEFAULT_HASH);
+ setHash(DEFAULT_HASH);
+ } else {
+ stack.push(currentHash());
+ }
render();
}