wangjia
471b980179
- 引入 Eleventy 静态站点生成器，页面统一使用 Nunjucks 模板 - base.njk 提供公共 nav / footer / CSS，消除三个页面间的重复代码 - 抽取 color.css（设计 token）+ style.css（公共组件 + utility 类） - index.njk：首页迁移，用 utility class 替换大量页面私有 CSS - download.njk：下载页重构，版本号/更新日志从 CHANGELOG.md 构建时解析，OS 自动识别 - docs.njk：文档页重构，12 章内容从 web/content/docs.md 构建时渲染，三列布局保留 - docs.css 单独提取，docs 专有样式不污染公共 CSS - 内容面向非技术用户重写，去除技术术语和内部路径引用 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
91 lines
3.4 KiB
JavaScript
91 lines
3.4 KiB
JavaScript
(function() {
|
|
var KEYS = ['access_token','refresh_token','username','real_name','shop_no','shop_id','role'];
|
|
|
|
function getAuthUser() {
|
|
var token = localStorage.getItem('flutter.access_token');
|
|
var username = localStorage.getItem('flutter.username');
|
|
if (!token || !username) return null;
|
|
return {
|
|
username: username,
|
|
realName: localStorage.getItem('flutter.real_name') || '',
|
|
role: localStorage.getItem('flutter.role') || '',
|
|
shopNo: localStorage.getItem('flutter.shop_no') || '',
|
|
};
|
|
}
|
|
|
|
function doLogout() {
|
|
KEYS.forEach(function(k) { localStorage.removeItem('flutter.' + k); });
|
|
location.reload();
|
|
}
|
|
|
|
function toggleUserMenu() {
|
|
var el = document.getElementById('userDropdown');
|
|
if (el) el.classList.toggle('open');
|
|
}
|
|
|
|
// 点击外部关闭 dropdown
|
|
document.addEventListener('click', function(e) {
|
|
var menu = document.getElementById('userDropdown');
|
|
if (!menu) return;
|
|
var navUser = menu.closest('.nav-user');
|
|
if (navUser && !navUser.contains(e.target)) menu.classList.remove('open');
|
|
});
|
|
|
|
function renderNav() {
|
|
var cta = document.getElementById('nav-cta');
|
|
if (!cta) return;
|
|
var user = getAuthUser();
|
|
if (user) {
|
|
var display = user.realName || user.username;
|
|
var initial = display.charAt(0).toUpperCase();
|
|
var roleMap = { admin: '管理员', user: '成员', readonly: '只读' };
|
|
var roleLabel = roleMap[user.role] || user.role;
|
|
cta.innerHTML =
|
|
'<div class="nav-user">'
|
|
+ '<button class="nav-user-btn" onclick="toggleUserMenu()">'
|
|
+ '<div class="nav-avatar">' + initial + '</div>'
|
|
+ '<span>' + display + '</span>'
|
|
+ '<i data-lucide="chevron-down" class="icon"></i>'
|
|
+ '</button>'
|
|
+ '<div class="nav-dropdown" id="userDropdown">'
|
|
+ '<div style="padding:10px 14px 6px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px">'
|
|
+ '<div style="font-size:13px;font-weight:600;color:var(--brand-900)">' + display + '</div>'
|
|
+ '<div style="font-size:11px;color:var(--fg-muted);margin-top:2px">'
|
|
+ (user.shopNo ? user.shopNo + ' · ' : '') + roleLabel
|
|
+ '</div>'
|
|
+ '</div>'
|
|
+ '<a href="/app/"><i data-lucide="layout-dashboard" class="icon"></i>进入管理端</a>'
|
|
+ '<div class="nav-dropdown-divider"></div>'
|
|
+ '<button class="logout" onclick="doLogout()"><i data-lucide="log-out" class="icon"></i>退出登录</button>'
|
|
+ '</div></div>';
|
|
} else {
|
|
cta.innerHTML =
|
|
'<a href="/app/" class="btn btn-ghost">登录</a>'
|
|
+ '<a href="/app/" class="btn btn-primary">免费试用</a>';
|
|
}
|
|
if (window.lucide) lucide.createIcons();
|
|
}
|
|
|
|
// 暴露给 onclick 调用
|
|
window.toggleUserMenu = toggleUserMenu;
|
|
window.doLogout = doLogout;
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
renderNav();
|
|
if (window.lucide) lucide.createIcons();
|
|
|
|
// 页内锚点平滑滚动
|
|
document.querySelectorAll('a[href^="#"]').forEach(function(a) {
|
|
a.addEventListener('click', function(e) {
|
|
var id = a.getAttribute('href');
|
|
if (!id || id.length < 2) return;
|
|
var target = document.querySelector(id);
|
|
if (target) {
|
|
e.preventDefault();
|
|
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
}
|
|
});
|
|
});
|
|
});
|
|
})();
|