refactor(web): 营销站重构为 Eleventy SSG，内容迁移至 Markdown

- 引入 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>
2026-05-26 12:24:14 +08:00
parent 3d1fc0d4ba
commit 471b980179
25 changed files with 5118 additions and 4245 deletions
@@ -0,0 +1,90 @@
+(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' });
+        }
+      });
+    });
+  });
+})();