feat: 巨子测肤 H5 原型(按 Figma 设计稿还原)

- design/: Figma 设计稿提取产物 — 设计规范文档、9 张整屏预览、
  8 个 SVG 组件切图、15 张位图素材、完整节点数据(full.json)
- h5/: 纯静态 H5 实现 — 启动页/隐私弹窗/档案填写(肤质轮播)/
  三连拍照/报告页,375px 基准还原,含压缩素材与 Playwright 验收截图
This commit is contained in:
xsl
2026-09-21 23:25:01 +08:00
commit e4e85d2805
80 changed files with 1142 additions and 0 deletions
+22
View File
@@ -0,0 +1,22 @@
<svg width="131" height="58" viewBox="0 0 131 58" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_12_36)">
<mask id="mask0_12_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="131" height="58">
<path d="M0 0.000530243H131V58H0V0.000530243Z" fill="white"/>
</mask>
<g mask="url(#mask0_12_36)">
<path d="M34.7172 2.09808e-05H25.204C25.1089 7.36681 23.663 14.3988 21.1165 20.8898H27.9903C31.7588 14.7136 34.1511 7.6163 34.7172 2.09808e-05Z" fill="white"/>
<path d="M48.803 56.8462V25.28C48.803 22.4998 51.0643 20.246 53.8538 20.246C56.6432 20.246 58.9056 22.4998 58.9056 25.28V56.8462H68.8075V21.9134C68.8075 16.2341 64.1887 11.6307 58.4916 11.6307C52.7933 11.6307 48.1745 16.2341 48.1745 21.9134V56.8462H48.803Z" fill="white"/>
<path d="M68.7989 56.8462V25.28C68.7989 22.4998 71.0603 20.246 73.8497 20.246C76.6392 20.246 78.9015 22.4998 78.9015 25.28V56.8462H88.8035V21.9134C88.8035 16.2341 84.1847 11.6307 78.4875 11.6307C72.7893 11.6307 68.1705 16.2341 68.1705 21.9134V56.8462H68.7989Z" fill="white"/>
<path d="M48.8083 56.8462H38.9148V11.9886H48.8083V56.8462Z" fill="white"/>
<path d="M127.45 37.0503H102.133V29.5509H127.45V37.0503Z" fill="white"/>
<path d="M121.216 42.8615C120.722 45.9638 118.042 48.3513 114.793 48.3513C111.194 48.3513 108.266 45.4333 108.266 41.8467V27.7563C108.266 24.1698 111.194 21.2517 114.793 21.2517C118.39 21.2517 121.318 24.1698 121.318 27.7563V37.0496H130.999V27.7563C130.999 18.8495 123.729 11.6027 114.793 11.6027C105.856 11.6027 98.5853 18.8495 98.5853 27.7563V41.8467C98.5853 50.7536 105.856 58.0004 114.793 58.0004C123.381 58.0004 130.36 51.2884 130.897 42.8615H121.216Z" fill="white"/>
<path d="M7.03432 11.9886H17.0936V56.8462H7.03432V11.9886Z" fill="white"/>
<path d="M10.5421 2.95639e-05C7.87411 2.90758 4.17106 4.79612 0.000106812 5.15404V11.9882H17.0937V2.95639e-05H10.5421Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_12_36">
<rect width="131" height="58" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB