商务

TARGET STATE

Apple 皮肤 · 目标态预览

这是 Apple 皮肤应用到系统中的样子。右上角开关专供对比:点下去的一瞬间,新皮肤以按钮为圆心径向展开,侧栏彩色图标逐枚落位——不是换一遍配色。所有控件由 form-kit + choices.js 渲染,颜色与形态来自 theme-apple.css(变量层)与 theme-apple-overlay.css(选择器覆盖层)。字体在「字体 18」(宋体 + Cambria,默认)与「字体 19」(黑体 + Segoe UI)之间切换:桌面档控件在顶栏、手机档在内容区顶部,整页即时生效,选择记忆在本机。

i

怎么看:点右上角开关切换主题,看形态(胶囊按钮、发丝线表格、sheet 弹窗、分组只读行)怎么跟着变;再点一次切回现网样子对比。手机上(视口 < 768px)按现网约定不启用检索增强、退回原生下拉——那也是现网行为,不是本页降级。手机档再看一处(M185):Apple 主题下屏幕底部出现 4 格功能底栏——菜单(打开左侧抽屉,与现网汉堡同一套开合)、切换(主题开关:Apple 风格 ↔ 系统原有风格,点一下直接切)、我的(头像+「我的」标签,点开是身份切换菜单、首行只读展示当前身份)、更多(系统切换器:切换系统/工具/回到工作台首页)。左侧菜单项不上底栏,页面切换仍在抽屉里;顶栏只剩系统名。切到默认主题底栏即消失,仍是现网顶栏+抽屉。字体切换(M190):顶栏(手机档在内容区顶部)的二选一分段控件在「字体 18 · 宋体 + Cambria」(默认)与「字体 19 · 黑体 + Segoe UI」之间整页切换——点完立即生效、无需刷新,选择记忆在本机、刷新后保持。下方「逐元素归属自审计」表是页面加载时自动实测的:每个元素在默认态与 Apple 态各取一次 computed style 逐属性 diff,归属结论全部来自运行时测量。

逐元素归属自审计

默认主题基线 ↔ Apple 基线 · 运行时 computed diff,非手写结论
实测运行中…
元素归属变化的属性(默认 → Apple)lims2 注记
等渲染引擎就绪后自动实测(先量默认态基线,再量 Apple 基线)…

表单控件(form-kit 渲染)

可检索下拉 / 芯片多选 / 数字步进 / 日期 / 必填与校验

样品台账(表头筛选行)

—
取数 0 次
样品编号检测项目状态登记日期

只读详情(kv 块)

现行 + 三个替代变体(A/B/C)· 默认主题下全部维持现网灰卡
委托单号WT-2026-0918
客户苏州安心生物科技有限公司
当前状态检测中
登记日期2026-09-24

变体 A · iOS 设置式白卡白卡 + 行间发丝线:标签在左(次级灰 13px)、值在右(14px/600),外圈 1px 发丝线、12px 圆角

委托单号WT-2026-0918
客户苏州安心生物科技有限公司
当前状态检测中
登记日期2026-09-24

变体 B · 无框两列无框无底色:标签在上(12px 次级灰)、值在下(15px/600),只靠列距与留白分隔

委托单号WT-2026-0918
客户苏州安心生物科技有限公司
当前状态检测中
登记日期2026-09-24

变体 C · 单行内联最轻的排法:一行一条「标签:值」,无任何框线与底色,行距拉开

委托单号WT-2026-0918
客户苏州安心生物科技有限公司
当前状态检测中
登记日期2026-09-24

弹窗

头部 / 页脚常驻,正文滚动