23 lines
2.3 KiB
Markdown
23 lines
2.3 KiB
Markdown
# 报告底部 Figma 还原
|
||
|
||
设计文件 53PGFOThvhZwf2TPUHAcUz，稳韧力组1:47、底部组1:65。仅本地修改，尚未提交或部署。
|
||
|
||
- 大标题前移到日常护理上方、左对齐；日常护理及推荐产品合为一个自适应白卡。
|
||
- 标题1:369为两行文字组；按用户最新确认，两行文字各自居中，整体按白卡居中并保留1设计像素偏移。文字组随屏幕缩放，字号与上方稳韧力统一为22.106597px、行距28.738542px，不再随宽屏放大文字。
|
||
- 护理建议改为日常护理，删除固定结束语，保留按检测结果生成的护理内容。
|
||
- 白卡内增加推荐产品小标题。仍仅显示算法选中的一款，不生成产品列表或切换入口。
|
||
- 三款副标题分别为焕活光泽 透亮紧致、恢复弹性 紧实利落、强韧屏障 轮廓向上，不再显示双仓精华液第二行。
|
||
- 免责声明移到白卡下方，补充仅根据您最近的测肤记录推荐。
|
||
- 稳韧力标题、页签及段落字体/行距按设计尺寸微调；动态检测图、文案、评分和跟手滑动不变。
|
||
- 历史报告依旧使用当时推荐档位与护理文本，仅按该档位更新产品展示文案和素材；不改写保存数据。
|
||
|
||
## 静态素材核对
|
||
|
||
ui-20261015/product-25.png 对应1:69（481×511），product-35.png 对应1:75（481×511），product-50.png 对应1:87（481×511），product-badge.png 对应1:71（101×77）。全部为设计工具导出原始PNG，保留透明边角和原始裁切，无运行时临时素材URL；网页每次只加载选中的产品图。
|
||
|
||
产品卡按945×511比例，右侧图按481×511比例，徽标按101×77比例。布局以1080px设计稿折算375px基准并随屏幕缩放。用户最新确认产品标题恢复原来14.467593px，灰色副标题按同一比例（约1.041667）放大到12.013166px，行距同比放大；320px屏幕也保持同一字号，已核对三款文字均不遮挡图片。
|
||
|
||
## 验证
|
||
|
||
report-bottom-figma.mjs 覆盖三款选中产品、320/375/414/480宽度、元素顺序、白卡嵌套、图片/徽标比例、文字不遮挡图片、历史推荐对象不变、缺少肌龄与长护理内容。另运行报告持久化、游客隐私、产品推荐及报告滑动/布局回归。三款375px截图位于私有临时测试目录，不纳入Git。
|