46 lines
4.4 KiB
Markdown
46 lines
4.4 KiB
Markdown
# 自有主题设计方案与预览
|
||
|
||
## 当前范围与定稿
|
||
|
||
2026-10-14，用户确认当前效果可作为定稿方案保留，命名为 `tpl-a`，不限定用于 hn。当前独立源码在 `frontends/tpl-a/`，设计定稿版本 1.0.0；业务接入仍未完成。2026-10-27 用户确定 hn 先使用 EZ；tpl-a 仍不绑定 hn，吉祥物暂缓。此前接入业务接口的 `frontends/hardnerd/` 功能草稿，以及 EZ / Stellar 独立保留。
|
||
|
||
用户最新明确定位为“机房网络运营商”，解除此前 2D 扁平 / SVG 风格限制并要求重新设计。当前首页采用写实机柜通道主视觉、网络接入 / 套餐 / 技术服务入口与运营管理内容；接入方案、控制台、资源、账单、文档、工单和账户页面均重做为统一服务门户。使用深蓝、暖橙、自然空间影像与常规企业排版，不继续沿用卡通机架、格子衫 / 厚眼镜和终端装饰作为主视觉。保留减少无关小字的要求，只在全站一处注明影像和数据为示意。明暗双色保留，初次加载默认暗色。
|
||
|
||
所有价格、参数、地区、节点、账户、流量与订单均为演示，年付展示按演示月价 × 12 计算。机房主图通过内置 imagegen 生成，不是 hn 实际机房照片；不据此认定机房资产、实际覆盖或可用性承诺。表单与按钮只切换视觉状态和提示，不提交业务数据、不发邮件、不创建订单或工单。
|
||
|
||
设计源文件和素材已以本地 Git 提交 `8b78424` 保存；关联业务草稿与环境未纳入该提交。
|
||
|
||
## 开发入口
|
||
|
||
在独立工作树启动：
|
||
|
||
```bash
|
||
npm --prefix frontends/tpl-a run dev
|
||
```
|
||
|
||
预览：`http://127.0.0.1:8591/#/home`。该端口当前由 Vite 直接提供静态前端；原先占用该端口的 hn PHP 演示进程已停止。配置 `envDir:false`，没有后端代理，不加载 Laravel 配置或业务数据库。只监听本机回环地址。
|
||
|
||
主要源码：
|
||
|
||
- `src/NetworkLanding.vue`：写实机房首页、网络接入、套餐与服务入口。
|
||
- `src/App.vue`：导航、明暗切换，以及七类用户中心页面的模拟交互。
|
||
- `src/brand.mjs`：可替换的演示品牌；`template.json` 的 site_binding 为 null。
|
||
- `approved-files.sha256.json`：定稿源码与素材摘要；运行和定稿保护见方案 README。
|
||
- `src/operator.css`：完整企业官网和服务门户样式、明暗与响应式布局；旧 style.css 已退出使用并移除。
|
||
- `public/datacenter-hero-v1.png`：已落入项目的写实主视觉，原始生成文件另行保留。生成方式与完整提示词在 `codex/output/hn-datacenter-asset.md`。
|
||
|
||
构建验证：在仓库根运行 `npm --prefix frontends/tpl-a run build`，输出仅在 `frontends/tpl-a/dist/`。**该构建不会发布到 `theme/Hardnerd` 或运行中的 dpl；不能使用 hn 正式资源发布脚本将本设计稿误当作功能主题。**
|
||
|
||
## 本次验证与限制
|
||
|
||
- 首页、用户中心、套餐、节点、订单、说明、工单、账户均能前端跳转；保存偏好只显示模拟提示。
|
||
- 默认暗色与浅色切换已在浏览器验证。
|
||
- 当前机房运营商方向已在 1280px 宽屏验证明暗首页、接入方案和控制台；390px 七类门户页面逐页检查无横向溢出，320px 首页、菜单与控制台无溢出。临时浏览器尺寸已恢复。
|
||
- 月付 / 年付展示切换、方案选择和账户模拟保存已验证，仅作用于前端状态。
|
||
- 浏览器观察到的首页资源、页面跳转与模拟保存请求全部留在本机 Vite；未出现业务 API 请求。源码无 fetch / Axios / XHR 和后端 proxy。
|
||
- 构建与差异格式检查通过，浏览器没有运行错误。当前截图为 `codex/output/hn-dc-*.jpg`；`hn-hard-*` / `hn-operator-*` 为此前版本对照，均不作为定稿素材。
|
||
- 项目维护记录和 CoDocs hn/dpl 入口已同步。CoDocs 全库结构检查仍报告 13 项既有 Obsidian 主题目录/文件权限问题；本任务未改动这些无关配置，不能称全库检查通过。
|
||
- 设计已由用户批准保存为 tpl-a；未推送、部署，hn 已选 EZ，tpl-a 使用实例仍未定。业务接入、支付、邮件、订阅、节点连通与生产验收没有在本阶段执行。
|
||
|
||
后续明确使用实例后，再将 tpl-a 接入功能主题，分别进行业务接入和部署验收。实例隔离和历史功能验证见 [SITE_PROFILES](SITE_PROFILES.md) 与 [STATUS](STATUS.md)。
|