逐元素归属自审计
默认主题基线 ↔ Apple 基线 · 运行时 computed diff,非手写结论| 元素 | 归属 | 变化的属性(默认 → Apple) | lims2 注记 |
|---|---|---|---|
| 等渲染引擎就绪后自动实测(先量默认态基线,再量 Apple 基线)… | |||
TARGET STATE
这是 Apple 皮肤应用到系统中的样子。右上角开关专供对比:点下去的一瞬间,新皮肤以按钮为圆心径向展开,侧栏彩色图标逐枚落位——不是换一遍配色。所有控件由 form-kit + choices.js 渲染,颜色与形态来自 theme-apple.css(变量层)与 theme-apple-overlay.css(选择器覆盖层)。字体在「字体 18」(宋体 + Cambria,默认)与「字体 19」(黑体 + Segoe UI)之间切换:桌面档控件在顶栏、手机档在内容区顶部,整页即时生效,选择记忆在本机。
怎么看:点右上角开关切换主题,看形态(胶囊按钮、发丝线表格、sheet 弹窗、分组只读行)怎么跟着变;再点一次切回现网样子对比。手机上(视口 < 768px)按现网约定不启用检索增强、退回原生下拉——那也是现网行为,不是本页降级。手机档再看一处(M185):Apple 主题下屏幕底部出现 4 格功能底栏——菜单(打开左侧抽屉,与现网汉堡同一套开合)、切换(主题开关:Apple 风格 ↔ 系统原有风格,点一下直接切)、我的(头像+「我的」标签,点开是身份切换菜单、首行只读展示当前身份)、更多(系统切换器:切换系统/工具/回到工作台首页)。左侧菜单项不上底栏,页面切换仍在抽屉里;顶栏只剩系统名。切到默认主题底栏即消失,仍是现网顶栏+抽屉。字体切换(M190):顶栏(手机档在内容区顶部)的二选一分段控件在「字体 18 · 宋体 + Cambria」(默认)与「字体 19 · 黑体 + Segoe UI」之间整页切换——点完立即生效、无需刷新,选择记忆在本机、刷新后保持。下方「逐元素归属自审计」表是页面加载时自动实测的:每个元素在默认态与 Apple 态各取一次 computed style 逐属性 diff,归属结论全部来自运行时测量。
| 元素 | 归属 | 变化的属性(默认 → Apple) | lims2 注记 |
|---|---|---|---|
| 等渲染引擎就绪后自动实测(先量默认态基线,再量 Apple 基线)… | |||
变体 A · iOS 设置式白卡白卡 + 行间发丝线:标签在左(次级灰 13px)、值在右(14px/600),外圈 1px 发丝线、12px 圆角
变体 B · 无框两列无框无底色:标签在上(12px 次级灰)、值在下(15px/600),只靠列距与留白分隔
变体 C · 单行内联最轻的排法:一行一条「标签:值」,无任何框线与底色,行距拉开
TARGET STATE