diff --git a/app/frontend/m/config/nav.config.js b/app/frontend/m/config/nav.config.js
index 5691c59..f5f3d6e 100644
--- a/app/frontend/m/config/nav.config.js
+++ b/app/frontend/m/config/nav.config.js
@@ -4,50 +4,56 @@
const nav = {
entries: [
{ key: "market", title: "行情数据", subtitle: "情绪 · 梯队 · 题材 · 龙虎榜", icon: "bar-chart-3" },
- { key: "tools", title: "智能工具", subtitle: "智能选股 · 问师", icon: "wand-2" },
- { key: "review", title: "我的复盘", subtitle: "复盘日志 · 交易记录", icon: "notebook-pen" },
+ { key: "tools", title: "智能工具", subtitle: "智能选股 · 策略跟踪 · 问师", icon: "wand-2" },
+ { key: "review", title: "我的复盘", subtitle: "自选 · 交易 · 复盘 · 笔记 · 提醒", icon: "notebook-pen" },
{ key: "assistant", title: "复盘助手", subtitle: "AI 对话复盘", icon: "message-square" },
- { key: "system", title: "系统管理", subtitle: "外观主题 · 数据管理 · 关于", icon: "settings" }
+ { key: "system", title: "系统管理", subtitle: "账号 · 密码 · 会员 · 设置", icon: "settings" }
],
hubs: {
market: {
title: "行情数据",
items: [
- { key: "market/sentiment", label: "情绪周期" },
- { key: "market/limit-up", label: "涨停池" },
- { key: "market/broken", label: "炸板池" },
- { key: "market/limit-down", label: "跌停池" },
- { key: "market/yesterday", label: "昨日涨停" },
- { key: "market/performance", label: "涨停表现" },
- { key: "market/ladder", label: "市场天梯" },
- { key: "market/rotation", label: "主题轮动" },
- { key: "market/auction", label: "竞价" },
- { key: "market/themes", label: "题材库" },
- { key: "market/popularity", label: "人气榜" },
- { key: "market/dragon", label: "龙虎榜" }
+ { key: "market/sentiment", label: "情绪周期", icon: "activity" },
+ { key: "market/limit-up", label: "涨停池", icon: "trending-up" },
+ { key: "market/broken", label: "炸板池", icon: "zap" },
+ { key: "market/limit-down", label: "跌停池", icon: "trending-down" },
+ { key: "market/yesterday", label: "昨日涨停", icon: "history" },
+ { key: "market/performance", label: "涨停表现", icon: "chart-line" },
+ { key: "market/ladder", label: "市场天梯", icon: "layers" },
+ { key: "market/rotation", label: "主题轮动", icon: "refresh-cw" },
+ { key: "market/auction", label: "竞价", icon: "gavel" },
+ { key: "market/themes", label: "题材库", icon: "book-open" },
+ { key: "market/popularity", label: "人气榜", icon: "flame" },
+ { key: "market/dragon", label: "龙虎榜", icon: "crown" }
]
},
tools: {
title: "智能工具",
items: [
- { key: "tools/screener", label: "智能选股" },
- { key: "tools/mentor", label: "问师" }
+ { key: "tools/screener", label: "智能选股", icon: "filter" },
+ { key: "tools/tracking", label: "策略跟踪", icon: "target" },
+ { key: "tools/mentor", label: "问师", icon: "bot" }
]
},
review: {
title: "我的复盘",
items: [
- { key: "review/journal", label: "复盘日志" },
- { key: "review/trades", label: "交易记录" }
+ { key: "review/watchlist", label: "自选股", icon: "star" },
+ { key: "review/trades", label: "交易日志", icon: "scroll-text" },
+ { key: "review/daily", label: "每日复盘", icon: "calendar-check" },
+ { key: "review/notes", label: "个股笔记", icon: "sticky-note" },
+ { key: "review/alerts", label: "提醒中心", icon: "bell" }
]
},
system: {
title: "系统管理",
items: [
- { key: "system/appearance", label: "外观主题" },
- { key: "system/data", label: "数据管理" },
- { key: "system/about", label: "关于" }
+ { key: "system/profile", label: "账号资料", icon: "user" },
+ { key: "system/password", label: "修改密码", icon: "lock" },
+ { key: "system/membership", label: "会员状态", icon: "gem" },
+ { key: "system/admin", label: "系统设置", icon: "sliders-horizontal", adminOnly: true },
+ { key: "system/members", label: "会员管理", icon: "users", adminOnly: true }
]
}
},
diff --git a/app/frontend/m/css/shell.css b/app/frontend/m/css/shell.css
index 4ea7a4e..d0939be 100644
--- a/app/frontend/m/css/shell.css
+++ b/app/frontend/m/css/shell.css
@@ -168,6 +168,64 @@ body {
line-height: 1.5;
}
+.m-hub-grid {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 8px;
+}
+
+.m-grid-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ min-height: var(--mobile-icon-cell);
+ padding: 8px 4px;
+ border: 0;
+ border-radius: 8px;
+ background: transparent;
+ color: var(--text-primary);
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.m-grid-item:active {
+ background: var(--surface);
+ transform: scale(0.96);
+}
+
+.m-grid-icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 44px;
+ height: 44px;
+ border-radius: 12px;
+ background: var(--action-soft);
+ color: var(--action);
+ flex: 0 0 auto;
+}
+
+.m-grid-icon svg {
+ width: 22px;
+ height: 22px;
+}
+
+.m-grid-label {
+ font-size: 12px;
+ line-height: 1.3;
+ color: var(--text-primary);
+ text-align: center;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 100%;
+}
+
.m-auth {
padding-top: 8px;
}
diff --git a/app/frontend/m/js/router.js b/app/frontend/m/js/router.js
index 593b238..2863b8f 100644
--- a/app/frontend/m/js/router.js
+++ b/app/frontend/m/js/router.js
@@ -11,7 +11,32 @@
"notebook-pen": '',
"message-square": '',
"settings": '',
- "inbox": ''
+ "inbox": '',
+ "activity": '',
+ "trending-up": '',
+ "trending-down": '',
+ "zap": '',
+ "history": '',
+ "chart-line": '',
+ "layers": '',
+ "refresh-cw": '',
+ "gavel": '',
+ "book-open": '',
+ "flame": '',
+ "crown": '',
+ "filter": '',
+ "target": '',
+ "bot": '',
+ "star": '',
+ "scroll-text": '',
+ "calendar-check": '',
+ "sticky-note": '',
+ "bell": '',
+ "user": '',
+ "lock": '',
+ "gem": '',
+ "sliders-horizontal": '',
+ "users": ''
};
function icon(name, size) {
@@ -127,11 +152,31 @@
document.getElementById("m-view").innerHTML = '";
}
+ function visibleHubItems(hub) {
+ const items = hub && hub.items ? hub.items : [];
+ return items.filter(function (item) {
+ return !item.adminOnly || global.MobileSession.isAdmin();
+ });
+ }
+
function renderHub(key) {
const hub = global.MobileNav.hubs[key];
- const title = hub ? hub.title : key;
- updateHeader({ title: title, back: true });
- document.getElementById("m-view").innerHTML = placeholderHtml(title, "该入口的图标页将在后续批次实现。");
+ if (!hub) {
+ renderHome();
+ return;
+ }
+ const items = visibleHubItems(hub);
+ updateHeader({ title: hub.title, back: true });
+ document.getElementById("m-view").innerHTML =
+ '' +
+ items.map(function (item) {
+ return '- ' +
+ '
";
+ }).join("") +
+ "
";
}
function renderFeature(key) {
diff --git a/app/frontend/m/js/session.js b/app/frontend/m/js/session.js
index 6ef0cfc..faf6b38 100644
--- a/app/frontend/m/js/session.js
+++ b/app/frontend/m/js/session.js
@@ -43,5 +43,9 @@
}
}
- global.MobileSession = { state: state, me: me, login: login, register: register, logout: logout };
+ function isAdmin() {
+ return Boolean(state.user && state.user.role === "admin");
+ }
+
+ global.MobileSession = { state: state, me: me, login: login, register: register, logout: logout, isAdmin: isAdmin };
})(window);