## 问题整理 1、楼层重复 (December.31.2025) 2、Nav重复,Footer重复,修改维护不便 (December.31.2025)— 已提取为 `components/nav.html` + `components/footer.html` ## 本地开发(Express) ```bash npm install npm start ``` 访问 http://localhost:3000 若提示 `EADDRINUSE`(端口被占用),先结束占用进程或换端口: enddrinuse **CMD:** ```bat netstat -ano | findstr :3000 taskkill /PID /F ``` 或换端口启动: ```bat set PORT=3001 && npm start ``` **PowerShell:** ```powershell netstat -ano | findstr :3000 taskkill /PID /F ``` 或换端口启动: ```powershell $env:PORT=3001; npm start ``` 将 `` 替换为上一步查到的进程 ID。 公共布局由 `js/layout.js` 通过 `/components/nav.html`、`/components/footer.html` 加载。 修改 Nav/Footer 后刷新页面即可全站生效(需通过 Node 服务访问,勿用 `file://`)。 差异报告:`docs/layout-migration-report.md` ## Footer(Figma 新版) - 组件:`components/footer.html`(`aifo-foot` 结构,参考 `temp/底部栏20260610`) - 样式:`assets/css/foot.css`(由 `layout.js` 自动注入) - 表单验证:`js/footer.js`(Newsletter 邮箱校验) - 旧版备份:`components/backup/footer-backup-20260610/` ## Payment Methods 模块 - 旧版备份:`pages/backup/payment-methods-payout-backup-20260610.html` - 新版模块(HTML+CSS+JS 单页):`pages/modules/payment-methods.html` - payout 页通过 `js/load-payment-methods.js` 动态加载该模块 预览模块:http://localhost:3000/pages/modules/payment-methods.html ## VSCODE 需要安装的插件 Live Sass Compiler