药材谷 APP · 三端统一统筹重构 · 完成核对报告

接手张中林/掌中灵未完成的移动端 · 联网对标竞品 · 统一设计系统 · 三端同源
✅ 三端同源达成:移动端 42 页 + PC 网页端 + 后台管理端,共用一套品牌 Token(草药绿 #4d6558 / 金棕 #9a8455)+ 一套信息架构 + 一套线性图标。
📱
移动端 42 页
P1 五Tab重构 + P2 二级页收敛
🖥️
PC 网页端
P3 Token同源 + IA对齐
⚙️
后台管理端
admin 视图同源

P3 本轮改动清单(PC 端 + 后台端)

改动项改动前改动后
Token 对齐(5 处) 深绿 #15573f · 次文 #6E685E · 弱文 #A39D91 · 线 #E9E4DA · 跌绿 #4d6558 #365247 · #5c5850 · #9b968d · #e5e5e1 · #5a7365
装饰 emoji 🌿🌼🫘🌱🍄🪵🦪🪨📋📦🏪 等 26 个 清零 首字色块 / SVG / 符号
LED 行情大屏 📈涨药材名误用绿 #00ee00 涨红跌绿 ▲涨红 / ▼跌绿
IA 对齐 Tab「市场」/ 导航「交易市场」 Tab「供求」 导航「供求大厅」

三端 Token 同源对照(关键结论)

语义移动端 uni.scssPC 端 CSS 变量状态
主色绿$yg-green:#4d6558--green:#4d6558一致 ✅
深绿$yg-green-dark:#365247--green-deep:#365247已对齐 ✅
金棕$yg-gold:#9a8455--gold:#9a8455一致 ✅
涨红$yg-up:#c0392b--up:#c0392b一致 ✅
跌绿$yg-down:#5a7365--down:#5a7365已对齐 ✅
次要文字$yg-ink2:#5c5850--ink-2:#5c5850已对齐 ✅
⚠ 唯一共同待办:移动端真机编译验证 scss 依赖(无 package.json,走 HBuilderX 内置或手动装 sass);PC 端浏览器直接可跑。

三端统筹重构 · 全链路回顾(P0→P3)

P0 竞品对标 P0 规划书 P0 设计系统 P1 移动端五Tab P2 二级页收敛 P3 三端同源
药材谷 APP · 三端统一统筹重构 · 完成 · 2026-09-05