# 执行记录

## 2026-06-28

- 变更文件：
  - `forge-admin-ui/src/views/login/index.vue`
  - `forge-admin-ui/src/views/home/index.vue`
  - `forge-admin-ui/src/assets/images/forge-wechat-group.png`
  - `forge-admin-ui/src/assets/images/forge-wechat-support.png`
- 登录页：
  - 移除动态背景装饰节点、扫光、流光边框、装饰圆点。
  - 将背景改为静态渐变和轻量网格。
  - 去掉登录卡片、品牌区、表单项和验证码弹窗的入场动画。
- 首页：
  - 在统计卡片下方新增“ForgeAdmin 社区”面板。
  - 展示交流群和维护支持两个二维码。
  - 二维码使用 `n-image` 支持点击放大预览。
  - 调大二维码区域，桌面端单图高度 260px，窄屏 320px。
  - 收款文案使用“支持维护”“随心支持”“请维护者喝杯咖啡，支持持续优化”。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue src/views/home/index.vue` 通过。
  - `git diff -- forge-admin-ui/src/views/home/index.vue forge-admin-ui/src/views/login/index.vue --check` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告：`UserSelectModal` 命名冲突、CSS `//` 注释、部分动态/静态导入 chunk 提示。

## 2026-06-28 登录页专业化修正

- 用户反馈登录页去掉动效后“普通、不专业、不吸引人”。
- 调整方向：
  - 不恢复高成本持续动画。
  - 增强静态产品主视觉和企业级控制台质感。
- 变更：
  - 左侧品牌区从普通 Logo + 卖点列表，改为产品封面式结构。
  - 新增平台标识、微内核中后台定位、主标题“从数据模型到业务应用 / 一次搭建，持续演进”。
  - 新增静态控制台视觉块，表达数据建模、页面生成、流程编排、权限审计。
  - 卖点改为更贴近 ForgeAdmin 的“低代码交付闭环、权限与租户隔离、微内核插件架构”。
  - 右侧表单标题改为“登录 ForgeAdmin”，增加“安全登录”标识和“租户隔离 / 权限审计 / 会话保护”信任信息。
  - 移除不再使用的 `title` / `tenantPageTitle` 变量和 `getDefaultPageTitle` 导入。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff -- forge-admin-ui/src/views/login/index.vue --check` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页降噪与小屏适配

- 用户反馈：
  - 右侧颜色太深、文字太多。
  - 尽量不要有英文。
  - 右侧信息过乱，左右布局都占满且不够紧凑。
  - 希望左侧大一点、右侧小一点，并适配小屏幕。
- 变更：
  - 删除右侧“安全登录”“租户隔离 / 权限审计 / 会话保护”等弱价值说明。
  - 右侧标题改为“登录系统”，默认提示改为“请输入账号密码”。
  - 左侧删除英文标签，能力视觉标题改为中文“应用搭建”。
  - 左侧品牌区从深色背景改为浅色产品区，整体视觉更轻。
  - 桌面端列比例改为左侧 62%、右侧 38%。
  - 小屏断点提升到 960px 以下隐藏左侧视觉，仅展示紧凑登录表单。
  - 移除 Google Fonts 外部字体加载，改用系统中文字体栈。
  - 登录容器允许竖向滚动，避免小屏验证码或第三方登录区域溢出。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告：`UserSelectModal` 命名冲突、CSS `//` 注释、部分动态/静态导入 chunk 提示。

## 2026-06-28 登录页全屏分栏修正

- 用户反馈：
  - `login-card` 不要再居中卡片化，直接平铺。
  - `login-brand` 和 `login-form-wrapper` 应占满屏幕，避免右侧表单显示不全。
  - 左侧底部轮播在卡片布局下看不见。
- 变更：
  - `login-card` 改为全屏容器，取消 `max-width`、圆角、边框和阴影。
  - `login-brand` 与 `login-form-wrapper` 设置为视口高度，左右直接铺满。
  - 桌面分栏调整为左侧 60%、右侧 40%。
  - 右侧表单区保持独立竖向滚动，避免验证码/三方登录等内容溢出。
  - 小屏继续隐藏左侧，仅保留全屏登录表单区。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页 Banner 可见性修正

- 用户反馈：
  - `banner` 跑到左侧最下面，基本看不见。
  - 轮播区域宽度太小。
- 变更：
  - 左侧内容从 `space-between` 改为正常自上而下布局。
  - 去掉 `banner` 的 `margin-top: auto`，让轮播紧跟在标题下方。
  - 将 `banner` 宽度从 `min(480px, 100%)` 扩大到 `min(680px, 100%)`。
  - 轮播高度改为 `clamp(300px, 44vh, 430px)`，在不同屏幕高度下保持可见。
  - 堆叠预览卡片改为容器相对宽高，避免在宽屏下显得过小。
  - 增加低高度桌面屏适配，收紧 Logo 与标题间距。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页轮播居中与品牌区修正

- 用户反馈：
  - `login-brand` 占比仍偏大，需要再小一点。
  - `n-carousel`、轮播内容和指示器没有居中。
  - 指示器位置偏上，轮播高度偏矮。
  - Logo 旁边希望直接露出 `ForgeAdmin`。
- 变更：
  - 桌面分栏调整为左侧 52%、右侧 48%，右侧最小宽度提升到 420px。
  - Logo 旁主标题改为 `ForgeAdmin`。
  - 左侧内容容器限制到 720px 并整体居中。
  - 轮播高度提升到 `clamp(430px, 62vh, 640px)`，低高度桌面兜底为 380px。
  - 对 Naive Carousel 内部 `.n-carousel__slides`、`.n-carousel__slide`、`.n-carousel__dots` 增加宽高和居中规则。
  - 指示器改为底部 `left: 50%` + `translateX(-50%)` 居中。
  - 轮播预览卡片放大并下移，避免视觉区域显得矮和靠上。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页轮播箭头与 Logo 简化

- 用户反馈：
  - 去掉 `max-width: 720px` 限制。
  - 轮播需要类似 Arco 的左右箭头。
  - Logo 区域应简洁，只保留 Logo 和 `ForgeAdmin`，不要多余说明。
  - `stack-preview` 里面内容太少，需要更像后台界面。
- 变更：
  - 移除 `.brand-content`、`.stack-carousel`、`.carousel-item` 的 `max-width: 720px`。
  - Logo 区改为 `img + ForgeAdmin` 的简单横向布局，删除“微内核中后台框架”等副文案。
  - `n-carousel` 启用 `show-arrow`，通过 `#arrow` 插槽渲染 `arco-carousel-arrow-left` 和 `arco-carousel-arrow-right`。
  - 为箭头增加半透明圆形按钮样式和 hover 状态。
  - 扩充三个轮播预览卡片：列表页增加更多栅格和表格行，生成链路增加指标块和更多行，权限治理增加权限块和更多行。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页 Dots 居中与右侧增强

- 用户反馈：
  - 默认 `.n-carousel__dots` 仍未居中。
  - 左侧仍偏宽。
  - 右侧登录按钮希望稍高一点。
  - 右侧可以稍微丰富，但不要复杂。
- 变更：
  - 轮播移除默认 `dot-type`，通过 `#dots` 插槽自定义 `arco-carousel-dots` 和 `arco-carousel-dot`。
  - 自定义 dots 使用 `left: 0; right: 0; justify-content: center` 固定底部居中，避免 Naive 默认定位影响。
  - 桌面分栏调整为左侧 48%、右侧 52%，右侧最小宽度提升到 440px。
  - 登录按钮高度从 46px 调整到 52px。
  - 登录按钮下方新增轻量信息条：安全登录、租户隔离、操作审计。
  - 新增信息条图标使用项目已有 `shield`、`layers`、`check-circle`，避免未知图标类。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页轮播图片替换与遮挡修正

- 用户反馈：
  - 轮播图片需要替换为新的蓝色平台能力图。
  - `carousel-copy` 文案被图片盖住。
- 变更：
  - 将 `/Users/yaominliang/Downloads/nanobanana-preview-original-2026-06-28T03-13-43-752Z.png` 复制为 `forge-admin-ui/src/assets/images/login-carousel-platform.png`。
  - 三个登录页轮播项统一使用 `login-carousel-platform.png`，去掉手写堆叠预览卡片。
  - 轮播图改为绝对定位在标题下方，使用 `top`、`max-height` 和 `object-fit: contain` 控制尺寸，避免覆盖标题和副标题。
  - 增加低高度屏幕下的图片尺寸兜底，保证小屏下文案和图片都在可视区域内。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue forge-admin-ui/src/assets/images/login-carousel-platform.png` 通过。
  - `pnpm --dir forge-admin-ui build` 通过；保留项目已有构建警告。

## 2026-06-28 登录页左侧文案层级精简

- 用户反馈：
  - “让后台系统更快交付 / 建模、页面、流程、权限统一管理”和下方轮播文案挤在一起，信息显得乱。
- 变更：
  - 删除左侧品牌区大标题和副标题，仅保留 `ForgeAdmin` Logo 与轮播能力标题。
  - 调整 Logo 与轮播之间的间距，让左侧视觉层级从品牌名直接过渡到能力轮播。
  - 清理不再使用的 `.brand-title` 样式。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。

## 2026-06-28 登录页 Banner 位置与小屏社交登录修正

- 用户反馈：
  - 左侧 `banner` 位置偏上，希望更靠中间。
  - 小屏幕下“其他登录方式”看不见。
- 变更：
  - 左侧 `.brand-content` 改为垂直居中布局，让 Logo 和轮播整体更靠屏幕中部。
  - 小屏下登录卡片取消内部隐藏溢出，改为页面自然滚动，避免底部内容被截断。
  - 小屏下隐藏登录按钮下方的信任信息条，减少弱价值内容占用高度。
  - 小屏下压缩表单项、记住我、社交登录区域的上下间距，让“其他登录方式”更容易露出。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。

## 2026-06-28 登录页 Logo 左上角固定

- 用户反馈：
  - `logo-lockup` 不要跟随左侧内容居中，需要放回页面左上角。
- 变更：
  - 将 `.logo-lockup` 改为绝对定位到左侧品牌区域左上角。
  - Logo 脱离普通文档流，不再影响 `banner` 的垂直居中位置。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。

## 2026-06-28 登录页表单控件圆角收敛

- 用户反馈：
  - 登录页输入框和按钮圆角需要改成 `2px`。
- 变更：
  - 将登录页用户名、密码、验证码输入框的 Naive UI 外层和状态边框圆角统一改为 `2px`。
  - 将租户选择框、登录按钮、短信验证码按钮、滑块验证触发按钮、社交登录按钮圆角统一改为 `2px`。
  - 登录按钮内部高光层和登录区信任信息条同步改为 `2px`，保持视觉一致。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/login/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/login/index.vue` 通过。

## 2026-06-28 首页个人微信双二维码与支持文案增强

- 用户反馈：
  - 原“交流群”卡片需要改成两个人的微信二维码，使用 `forge-wechat-group.png` 和 `forge-wechat-group1.png`。
  - `community-support-copy` 文案希望更丰富、更吸引人，可以加一些颜色。
- 变更：
  - 首页社区卡从单张“交流群二维码”改为同一卡内两张个人微信二维码，并增加“维护者 A / 维护者 B”标识。
  - 文案改为添加维护者微信、备注 ForgeAdmin，用于场景交流、问题排查和后续沟通。
  - 左侧社区介绍改为更专业的“复杂后台方案落地”表达，并新增“问题排查 / 二开建议 / 版本动态”彩色标签。
  - 引入 `forge-wechat-group1.png` 作为第二张个人微信二维码资源。
- 验证：
  - `pnpm --dir forge-admin-ui exec eslint src/views/home/index.vue` 通过。
  - `git diff --check -- forge-admin-ui/src/views/home/index.vue forge-admin-ui/src/assets/images/forge-wechat-group.png forge-admin-ui/src/assets/images/forge-wechat-group1.png` 通过。

## 2026-06-28 文档站首页社区与支持二维码

- 用户反馈：
  - `forge-docs` 里也需要加“添加维护者微信”和“支持维护”二维码入口。
- 变更：
  - 在 `forge-docs/index.md` 的在线演示下方新增“社区与支持”区块。
  - 复制首页同源二维码到 `forge-docs/public/images/community/`，包含两张维护者微信和一张支持维护二维码。
  - 使用 `withBase()` 生成图片地址，兼容文档站 `base: /forge-docs` 部署路径。
  - 在 `forge-docs/.vitepress/theme/custom.css` 中新增社区支持区样式，桌面双栏、移动端堆叠，并适配暗色模式。
- 验证：
  - `pnpm --dir forge-docs docs:build` 通过。
  - `git diff --check -- forge-docs/index.md forge-docs/.vitepress/theme/custom.css forge-docs/public/images/community/forge-wechat-group.png forge-docs/public/images/community/forge-wechat-group1.png forge-docs/public/images/community/forge-wechat-support.png` 通过。

## 2026-06-28 文档站顶部社区与支持导航

- 用户反馈：
  - 文档站顶部菜单需要加“社区与支持”，让二维码入口更明显。
- 变更：
  - 在 `forge-docs/.vitepress/config.js` 顶部导航新增“社区与支持”。
  - 为首页社区区块增加稳定锚点 `community-support`，导航指向 `/#community-support`。
- 验证：
  - `pnpm --dir forge-docs docs:build` 通过。
  - `git diff --check -- forge-docs/.vitepress/config.js forge-docs/index.md` 通过。