12 · 三端 UI 一致性清单
审计日期：2026-08-16
审计范围：web-admin（Web 后台）、miniapp-wechat（微信端）、miniapp-dingtalk（钉钉端）
修复原则：只做低风险统一，不改业务逻辑、不改布局结构、不新增页面、不引入第三方库。
一、等价页面映射
| Web 后台 |
微信端 |
钉钉端 |
说明 |
web-admin/login.html |
pages/login |
pages/login |
登录 / 身份入口 |
web-admin/index.html |
pages/home |
pages/home |
首页 / 概览 |
web-admin/dashboard.html |
pages/dashboard |
pages/dashboard |
驾驶舱 / 学生列表 |
web-admin/evaluation.html |
pages/evaluation |
pages/evaluation |
五维评价 |
| 无独立页面 |
pages/parent |
无 |
家长端（目前仅微信端） |
二、统一后核心色板
| 语义 |
色值 |
使用位置 |
| 主色 / 品牌红 |
#C41A1A |
三端主按钮、强调、标题 |
| 主色深（hover / 深红） |
#9A1212 |
主按钮 hover、错误强调 |
| 主色浅 |
#F6E9E9 |
页面背景、浅色底 |
| 金色 |
#D4A847 |
星标、金徽章、荣誉态 |
| 主文字 |
#3A2E2E |
页面正文 |
| 弱文字 |
#8A7A7A |
说明、辅助信息 |
| 分割线 |
#F1E6E6 |
卡片边框、列表分隔线 |
| 成功 |
#2F9E44 |
在线状态、成功提示（Web） |
| 错误 |
#C41A1A |
错误提示文字（钉钉端由金色修正为红） |
三、发现的问题与修改
3.1 文案不一致
| # |
问题 |
处理 |
改动位置 |
| 1 |
评价功能三端叫法不一致：Web「评价 / 评价记录」、微信「评价中心」、钉钉「五维评价」 |
统一为「五维评价」 |
Web 7 个页面导航、index.html 入口卡、evaluation.html 标题；微信 home.wxml 快捷入口、evaluation.wxml 页面标题 |
| 2 |
首页统计标签不一致：钉钉「学生数 / 平均分」，微信「学生总数 / 五维均分」 |
钉钉改为「学生总数 / 五维均分」 |
miniapp-dingtalk/pages/home/home.axml |
| 3 |
Web 页面内使用未定义的 var(--brand,#C41A1A)，与全局 --red 命名不统一 |
4 处统一改为 var(--red) |
notice.html、partner.html、report.html |
3.2 颜色不一致
| # |
问题 |
处理 |
改动位置 |
| 4 |
页面背景：钉钉 #F6F1EC 与微信 #F6E9E9、Web #FAF6F6 不一致 |
统一为 #F6E9E9 |
miniapp-dingtalk/app.acss、login.acss 渐变尾色；web-admin/assets/styles.css 的 --bg |
| 5 |
主文字：钉钉 #3B3B3B、Web #2A2020、微信 #3A2E2E 不一致 |
统一为 #3A2E2E |
钉钉各 *.acss；Web --ink |
| 6 |
弱文字：钉钉 #8C7B78、Web #8A6B6B、微信 #8A7A7A 不一致 |
统一为 #8A7A7A |
钉钉各 *.acss；Web --muted |
| 7 |
分割线：钉钉 #F3ECE8 / #EBC6BF / #EFE2DC、Web #EAD5D5、微信 #F1E6E6 不一致 |
统一为 #F1E6E6 |
钉钉各 *.acss；Web --line |
| 8 |
错误提示：钉钉 .error 使用金色 #D4A847，语义错误且与其他端红色错误态不一致 |
修正为红色 #C41A1A |
home.acss、evaluation.acss、dashboard.acss |
| 9 |
钉钉红色 hero 副标题浅红 #F8E4E0 与微信 #F6D8D8 不一致 |
统一为 #F6D8D8 |
钉钉 login / home / evaluation / dashboard 的 *.acss |
| 10 |
微信金色按钮使用白字 #FFFFFF，与 Web 深字 #3A2C07 不一致且对比度低 |
统一为深字 #3A2C07 |
miniapp-wechat/app.wxss |
3.3 缺失的 active / hover 状态
| # |
问题 |
处理 |
改动位置 |
| 11 |
微信端主按钮、描边按钮、金色按钮未提供与 Web 一致的主色深 hover |
补齐 button-hover 状态 |
miniapp-wechat/app.wxss |
| 12 |
微信端首页快捷入口、评价维度项无按压反馈 |
新增 hover-class 与浅红 hover 态 |
home.wxml/wxss、evaluation.wxml/wxss |
| 13 |
钉钉端主按钮、次按钮无明确 hover 状态 |
补齐 button-hover 并显式绑定 |
miniapp-dingtalk/app.acss、各页面 *.axml 按钮 |
四、改动文件清单
| 文件 |
改动 |
web-admin/assets/styles.css |
统一 --ink/--muted/--line/--bg 中性色变量 |
web-admin/index.html |
导航「评价」→「五维评价」，入口卡文案同步 |
web-admin/dashboard.html |
导航「评价」→「五维评价」 |
web-admin/students.html |
导航「评价」→「五维评价」 |
web-admin/evaluation.html |
页面标题、<title>、导航统一为「五维评价」 |
web-admin/report.html |
导航统一；var(--brand) 改 var(--red) |
web-admin/partner.html |
导航统一；var(--brand) 改 var(--red) |
web-admin/notice.html |
导航统一；var(--brand) 改 var(--red) |
miniapp-wechat/app.wxss |
金色按钮深字、三类按钮 hover 态 |
miniapp-wechat/pages/home/home.wxml |
快捷入口「评价中心」→「五维评价」，新增 hover-class |
miniapp-wechat/pages/home/home.wxss |
快捷入口 hover 态 |
miniapp-wechat/pages/evaluation/evaluation.wxml |
页面标题「评价中心」→「五维评价」，维度项 hover-class |
miniapp-wechat/pages/evaluation/evaluation.wxss |
维度项 hover 态 |
miniapp-dingtalk/app.acss |
背景、文字、弱文字、hover 状态统一 |
miniapp-dingtalk/pages/login/login.acss |
渐变尾色、副标题、输入框、标签、弱文字统一 |
miniapp-dingtalk/pages/login/login.axml |
登录按钮显式 hover-class |
miniapp-dingtalk/pages/home/home.acss |
副标题、弱文字、错误色统一 |
miniapp-dingtalk/pages/home/home.axml |
统计标签文案统一，按钮 hover-class |
miniapp-dingtalk/pages/evaluation/evaluation.acss |
副标题、分隔线、徽章、文字、错误色统一 |
miniapp-dingtalk/pages/evaluation/evaluation.axml |
按钮 hover-class |
miniapp-dingtalk/pages/dashboard/dashboard.acss |
副标题、分隔线、文字、错误色统一 |
miniapp-dingtalk/pages/dashboard/dashboard.axml |
按钮 hover-class |
五、未修改与建议后续（低风险但超出本次允许范围）
以下问题已识别，但目标文件不在本次允许改动范围（.json、.js、README.md），建议由对应负责人后续处理：
miniapp-wechat/app.json：navigationBarTitleText 仍为「泽湖成长」，应改为「泽湖成长平台」。miniapp-wechat/pages/evaluation/evaluation.json：页面导航标题仍为「评价中心」，应改为「五维评价」。miniapp-dingtalk/app.json：backgroundColor 仍为 #F6F1EC，应改为 #F6E9E9。miniapp-dingtalk/README.md：视觉规范中的「浅灰红 #F6F1EC」应改为 #F6E9E9。- 微信端 JS 兜底数据中的「劳动实践」与统一口径「劳动与社会实践」不一致（
home.js、evaluation.js、parent.js），属于 .js 逻辑，本次未改。
- Web 后台
dashboard 标题为「管理驾驶舱」、双端为「班级驾驶舱」，属角色视角差异，暂保留。
- 钉钉登录页副标题为「长沙市一中大泽湖学校 · 钉钉端」，微信端为「五维评价 · 成长可见」，属平台定位差异，暂保留。
- Web 页面内联样式中仍有个别硬编码中性色（如
#eee、#c62828、#2e7d32），避免大范围重绘，本次未统一。