对标康美中药城 / 药通网 / 中药材天地网三大头部平台，锁定「一套设计系统、一套信息架构、一套数据状态」三端统一纲领，解决移动端散、三端不对齐、左右框子不齐的根本问题。
来源：康美中药城APP、药通网APP、中药材天地网APP（2026-09 实测公开资料）
| 平台 | 底部导航 / 核心模块 | 招牌能力 | 可借鉴点 |
|---|---|---|---|
| 康美中药城 全产业链 |
资讯 · 价格指数 · 交易 · 百科 · 资源地图 · 药材圈 | 发改委授权价格指数、扫码溯源（产地/采收日期）、药膳配方计算器、金融质押 | 溯源做深做透、指数权威背书 |
| 药通网 18年数据 |
行情雷达 · 供求大厅 · 药通商铺 · 产新日历 · 品种档案 · 知识 | 涨跌一键排序、3万供货+2万求购、语音拍照发布、产新提前2月预警、一键拨号撮合 | 行情即大盘、供求即交易入口、产新日历 |
| 中药材天地网 协会信息中心 |
首页 · 价格 · 供求 · 资讯 · 我的 | 产地GPS定位找货、招标采购、智能匹配、60+产地信息站、历史价格曲线 | 价格三套（市场/产地/历史）、产地定位找货 |
不照搬竞品，在行业标准骨架上叠加我们的独有能力
三端共用的视觉根基，杜绝「左右框子不对齐、各页各写各的」
| 语义 | 色值 | 用途 |
|---|---|---|
| 主色 · 草药绿 | #4d6558 | 品牌主按钮、激活态、导航选中、强调 |
| 主色 · 深绿 | #365247 | 标题、渐变色止端、hover |
| 辅色 · 金棕 | #9a8455 | 会员、金牌服务、价格高亮、成交 |
| 背景 · 米白 | #fafaf8 | 页面底色（全局） |
| 卡片 · 纯白 | #FFFFFF | 卡片、弹层、列表 |
| 正文 · 深棕灰 | #23211E | 主文字 |
| 次要 · 棕灰 | #5c5850 | 辅助说明 |
| 占位 · 浅灰棕 | #9b968d | 占位符、图标未选态 |
| 分隔 · 米灰 | #e5e5e1 | 分隔线、描边 |
| 涨 / 跌（中药材惯例） | #c0392b #5a7365 | 涨红 · 跌绿（与股市相反，全站统一） |
| Token | 移动端 (rpx) | PC 网页 (px) | 后台 (px) |
|---|---|---|---|
| 标签 / 辅助 | 22 / 24 | 12 / 13 | 12 / 13 |
| 正文 | 28 | 14 | 14 |
| 小标题 / 标题 / 大标题 | 30 / 32 / 36 | 15 / 16 / 18 | 15 / 16 / 18 |
| 价格强调 | 44 | 22 | 22 |
| 间距基准（4px 网格） | 8/12/16/20/24/32/40/48 | 4/6/8/12/16/24/32/40 | 4/6/8/12/16/24/32/40 |
| 圆角 | 小 8 · 标签 12 · 卡片 20 · 按钮 44（胶囊） | ||
| 栅格 / 留白 | 左右 24rpx | 容器 1200px · 12 列 | 内容区 24px |
一套模块命名，三端同源映射；移动端 5 Tab 对齐行业标准
| Tab | 承载内容 | 关键动作 / 变化 |
|---|---|---|
| 首页 | 搜索 + 金刚区（发布供应/发布求购/找货源/看行情）+ 行情速览 + 供求推荐 + 资讯速览 | 做减法20 板块不再全铺，只留 4 个高频入口 |
| 行情 | 市场价格 / 产地价格 / 历史价格 / 涨跌排行 / 价格指数 | 强化对齐竞品最强 tab，六件套齐备 |
| 供求 | 供应大厅 / 求购大厅 / 发布 / 智能匹配 / 询价 | 更名原「市场」→「供求」，聚焦交易撮合 |
| 服务 | 20 产业链板块 + 六大深挖闭环 | 药材谷护城河，全产业链入口 |
| 我的 | 身份切换 / 订单 / 发布管理 / 钱包 / 店铺 / 收藏 / 设置 | 多主体身份统一入口 |
| 一级模块 | 移动端 APP | PC 网页端 | 后台管理端 |
|---|---|---|---|
| 首页 / 工作台 | 首页 Tab | 门户首页 | 数据总览 |
| 行情 | 行情 Tab | 行情中心 | 价格管理 |
| 供求 / 交易 | 供求 Tab | 交易市场 | 订单 · 撮合管理 |
| 服务 | 服务 Tab | 产业链服务 | 服务履约 |
| 账户 | 我的 Tab | 个人中心 | 账户 · 权限 |
| 批次 | 范围 | 动作 | 产出 |
|---|---|---|---|
| P0 · 本次 | 设计系统 + 首页标杆 | uni.scss 全量 Token、App.vue 组件类、index.vue 重做 | 已完成统一视觉根基 + 样板 |
| P1 | 行情 · 供求 · 服务 · 我的（4 Tab） | 按首页样板迁移，补齐行情六件套、供求双大厅 | 5 Tab 骨架全部对齐 |
| P2 | 43 页二级页 | 批量替换组件类、统一留白圆角、去 emoji 改线性图标 | 全站风格统一 |
| P3 | PC 网页端 + 后台 | 套用同一 Token 与 IA 映射，接入同一接口 | 三端真正同源 |