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 @@ - -