这 4 张是现网门店端真实界面。此前我凭代码 grep 推结构、画错了平板端,以此稿为准。
附件 1/2/4 = 平板端 · 附件 3 = 手机端。
┌ 大白卡(圆角 · 浅绿渐变底)────────────────────────────────────────┐
│ [橙描边胶囊「门店版V1.6 | 剩余: 不限」] [橙框按钮 退出系统]│
│ ┌──────┐ 京东方健康视 │ 赵阳博士 │
│ │ logo │ ✓ 联合赵阳博士官方出品(绿标) │ 医学博士 · 主任医师 │
│ │(蓝) │ 瞳萌视光中心,专注青少年近视防控 │ [医生照片] 创立4L疗法、 │
│ └──────┘ 管理。配备专业验光设备… │ 出版《大国护眼之策》… │
│ ──────────────────────────────────────────────────────────────── │
│ [绿方图标] 20年 │ 上万 │ 万篇 │ 4L [绿胶囊 四位一体驱动] │
│ 临床思维│临床案例│专家科普│抗近防控体系 │
└────────────────────────────────────────────────────────────────────┘
┌ 深绿大 banner(圆角)──────────────────────────────────────────────┐
│ [文件夹图标] 真实案例库 │
│ 同款案例 · 真实记录 [白色圆角按钮 查同款案例 →]│
│ 看同款案例用过什么、后来怎么样 │
└────────────────────────────────────────────────────────────────────┘
更多功能 科学防控 · 一站式护眼
┌ 白卡 ─────────────────┐ ┌ 白卡 ─────────────────┐
│ [淡蓝圆角图标] 家长沟通 │ │ [淡蓝圆角图标] 报告秒读 │ ← 2×2 网格
│ AI 实时对话·有问必答· │ │ 上传报告·即时 4L 深度 │ 右侧圆形箭头按钮
│ 溯源可信 (→)│ │ 解读 (→)│
└───────────────────────┘ └───────────────────────┘
┌ 白卡 ─────────────[NEW橙标]┐ ┌ 白卡 ─────────────────┐
│ [淡蓝图标] 近视的世界 │ │ [淡绿图标] 关于赵阳智脑 │
│ 近视视界模拟·共情体验(→)│ │ 品牌介绍与能力说明 (→)│
└───────────────────────┘ └───────────────────────┘
┌ 虚线框卡 ─────────────┐
│ [✨图标] │
│ 新功能即将发布 │
│ 敬请期待 │
└───────────────────────┘
底部条:科学防控进阶 · 守护每个孩子的清晰视界
[库]10000+ 案例数据 [芯片]AI 智能引擎 [锁]隐私安全保障
┌ 左菜单(浅绿→白渐变底 · 约 240)┬ 右面板(白)──────────────────────┐
│ [‹ 收起] │ ● 赵阳博士 · 在线 [历史会话按钮]│
│ [← 返回首页](白圆角胶囊) │ ┌ 紫色卡片 ──────────────────────┐│
│ [头像] 您好,留白! │ │[Hi 医生头像] 嗨,我是眼科医生赵阳││
│ 欢迎来到赵阳智脑 │ │ (主任医师)(北京大学医学博士) 紫标││
│ │ │ 创立近视综合防控 4L 疗法、出版…││
│ ▣ 你问我答 ← 选中:深绿渐变胶囊 │ └────────────────────────────────┘│
│ ○ 同款案例 │ 也许想问 [↻ 换一批] │
│ ○ 报告秒读 │ ┌────────────────────────────────┐│
│ ○ 近视的世界 │ │Q1 孩子几岁开始需要检查视力? ↗││
│ ○ 关于 │ │Q2 散瞳验光和普通验光有什么区别?││
│ │ │Q3 近视手术有年龄限制吗? ↗││
│ │ └────────────────────────────────┘│
│ [↺ 历史] [⚙ 设置] ← 底部两按钮│ [和赵阳博士说点什么…] [➤] │
└─────────────────────────────────┴──────────────────────────────────┘
┌────────────────────────────────┐
│ ┌ 深绿卡 ────────────────────┐ │
│ │[logo] 京东方健康视 [≡]│ │
│ │ 瞳萌视光中心,专注青少年… │ │
│ │ [白胶囊 本店联合赵阳博士官方接入]│
│ │ 全国上万 │ 万篇 │ 20年 │ │
│ │ 案例库 │专家科普│临床思维│ │
│ │ ┌ 白卡 ────────────────┐ │ │
│ │ │[照片] 赵阳 医学博士·主任医师│
│ │ │ 北大优秀毕业生奖·《大国护眼之策》著者│
│ │ └──────────────────────┘ │ │
│ └────────────────────────────┘ │
│ [淡蓝条] 同款案例·真实记录 │
│ [深蓝按钮 查同款案例]│
│ 也许想问 [↻ 换一批]│
│ Q1 近视防控的4L方案是什么? │
│ Q2 解读视力检查单、体检报告… │
│ Q3 孩子近视度数增长太快怎么办? │
│ │
│ (报告秒读↗)(历史解读↗)(近视的世界 NEW↗)│ ← 药丸在底部输入框上方
│ [和赵阳博士说点什么…] [↑] │
│ AI 建议仅供参考 · 由赵阳多模态智脑提供│
└────────────────────────────────┘
| 我画的 | 真实 |
|---|---|
| 平板端只有"左菜单+右面板" | 首页是独立的品牌页(机构卡+统计带+案例banner+2×2功能网格+即将发布+底部条),工作区才是左右分栏 |
| 手机端 hero 是绿渐变标题条 | 是深绿机构卡(logo+介绍+白胶囊+三格统计+医生白卡) |
| 手机端药丸在 hero 下方 | 药丸在底部输入框上方 |
| 左菜单只有菜单项 | 还有 返回首页胶囊、头像问候、底部 历史/设置 两个按钮 |
| 右面板是纯对话 | 顶部有 赵阳博士·在线 + 历史会话,首屏是紫色医生介绍卡 + 也许想问 Q1/Q2/Q3 |
云机环境 · 转录自长官 2026-08-21 会话内 4 张截图。