From 859d262fe3ce10a48880531e1d88a79365b5f779 Mon Sep 17 00:00:00 2001 From: Ubuntu Date: Sat, 26 Sep 2026 23:30:41 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=9A=90=E7=A7=81=E6=94=BF=E7=AD=96?= =?UTF-8?q?=E4=B8=8E=E6=9C=8D=E5=8A=A1=E5=8D=8F=E8=AE=AE=E5=85=A8=E6=96=87?= =?UTF-8?q?=E6=8E=A5=E5=85=A5(=E6=9B=BF=E6=8D=A2=E5=8D=A0=E4=BD=8D?= =?UTF-8?q?=E5=B1=82)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Face⁺⁺个人信息与隐私保护政策(前言+正文八章)全文排版接入 #p-policy:全屏文档页(sticky 头部+返回、品牌黄章节标记、两端对齐正文、有序/无序列表、加粗术语),来源飞书 1meUI设计 wiki - e2e 新增 E4:协议打开/全文字数/关键章节/无占位残留断言,附首中末三张截图 - README 占位清单移除隐私协议条目 --- h5/README.md | 1 - h5/css/style.css | 26 ++++ h5/index.html | 142 ++++++++++++++++++++-- h5/preview/e2e-20260926/09-policy-end.png | Bin 0 -> 216343 bytes h5/preview/e2e-20260926/09-policy-mid.png | Bin 0 -> 304853 bytes h5/preview/e2e-20260926/09-policy-top.png | Bin 0 -> 277768 bytes 6 files changed, 160 insertions(+), 9 deletions(-) create mode 100644 h5/preview/e2e-20260926/09-policy-end.png create mode 100644 h5/preview/e2e-20260926/09-policy-mid.png create mode 100644 h5/preview/e2e-20260926/09-policy-top.png diff --git a/h5/README.md b/h5/README.md index 98980b2..5500c98 100644 --- a/h5/README.md +++ b/h5/README.md @@ -122,7 +122,6 @@ server { ## 已知占位清单 -- 「相关隐私协议」点击弹出的是占位说明层,协议全文待法务提供后接入。 - 产品图(prod-1.jpg)为设计稿素材;检测图已替换为用户实拍。 - 相册、切换镜头、「了解更多」为开发中占位(Toast 提示)。 - **侧脸角度符号与 yaw 系数需真机校准**:`head-pose.js` 的 `YAW_COEFF`/pitch 映射与 `mirrored` 符号在不同机型/镜像策略下可能相反,上线前用真机样本回归(校准接口:调用方 `mirrored` 标志与 `HeadPose.config`)。 diff --git a/h5/css/style.css b/h5/css/style.css index 5f790a1..c40f120 100644 --- a/h5/css/style.css +++ b/h5/css/style.css @@ -544,3 +544,29 @@ button { font-family: inherit; border: 0; background: none; cursor: pointer; } /* ═══════════ 第5轮:报告页检测可视化(face_maps 图层 / marks 叠加,新增,不动以上已验收样式) ═══════════ */ /* 分类卡检测图复用 .ditem-img(左图右文、92×96 裁切);无检测图时(hidden)卡片退回文字占位 */ .ditem-img[hidden] { display: none; } + +/* ═══════════ 隐私政策与服务协议(全文页) ═══════════ */ +.overlay-policy { background: #F5F5F5; } +.policy-page { width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; } +.policy-header { + position: relative; flex: none; height: var(--nav-h); + display: flex; align-items: center; justify-content: center; + background: #fff; border-bottom: 1px solid var(--line); +} +.policy-header .nav-back { position: absolute; left: 4px; top: 0; width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; } +.policy-header-title { font-size: 14px; font-weight: 500; color: #000; } +.policy-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 22px 20px 48px; } +.policy-title { font-size: 19px; font-weight: 700; color: var(--ink); line-height: 1.4; margin-bottom: 16px; } +.policy-h2 { + font-size: 15px; font-weight: 600; color: var(--ink); + margin: 26px 0 10px; padding-left: 9px; + border-left: 4px solid var(--yellow); line-height: 1.3; +} +.policy-h3 { font-size: 13.5px; font-weight: 600; color: var(--ink); margin: 16px 0 6px; } +.policy-body p { font-size: 12.5px; color: var(--para); line-height: 1.9; margin-bottom: 10px; text-align: justify; } +.policy-body strong { color: var(--ink); } +.policy-body ul, .policy-body ol { padding-left: 1.5em; margin: 0 0 10px; } +.policy-body li { font-size: 12.5px; color: var(--para); line-height: 1.9; margin-bottom: 5px; text-align: justify; } +.policy-body li::marker { color: var(--grey); } +.policy-toc { color: var(--grey-2); } +.policy-end { text-align: center; color: var(--grey); margin-top: 28px; } diff --git a/h5/index.html b/h5/index.html index 31fa715..382d6d8 100644 --- a/h5/index.html +++ b/h5/index.html @@ -299,14 +299,140 @@ - -
-