更新....

shinnosuke

5 天以前 e52934f6527027bd6008c2ade61c3083159efd4a

 rencaika/docs/pages/05-暖心食享.md

@@ -12,7 +12,7 @@

| 功能 | 当前实现 | 后续接口目标 |
| --- | --- | --- |
| 顶部主图 | 默认展示当前选中图册项的大图。 | 使用后台返回的 HTTPS 图片 URL，并提供加载失败占位图。 |
| 顶部主图 | 展示当前选中图册项的大图，**主图自身支持左右滑动**切换图册项，与下方缩略图双向联动（点缩略图主图滑过去、滑主图缩略图跟着走）。 | 使用后台返回的 HTTPS 图片 URL，并提供加载失败占位图。 |
| 横向图册 | 体验版使用 6 项重复演示数据验证横向滑动，仅由 2 张图片交替复用；点击或滑动结束后，中心项自动选中、放大并带动画吸附到容器中央。 | 后台返回图片、名称、排序和启用状态，正式版图片走后台/CDN。 |
| 动态菜名 | 主图上显示当前菜品名称，使用古典艺术行楷字体子集。 | 正式环境通过完整字体包或 CDN 字体覆盖后台任意名称字符。 |
| 专题描述 | 橙色渐变卡片显示后台返回的专题固定描述，不随图册选择变化。 | 后台返回专题级纯文本描述，并限制长度及换行数量。 |
@@ -23,7 +23,7 @@
## 操作说明

1. 在人才权益页点击“暖心食享”进入本页。
2. 左右滑动顶部缩略图册浏览菜品图片。
2. 左右滑动顶部主图（或滑动下方缩略图带）浏览菜品图片。
3. 点击缩略图后，顶部主图、菜名和橙色描述卡同步切换。
4. 点击下方餐饮商户进入对应权益详情。
5. 点击左上角返回图标回到人才权益页。
@@ -43,8 +43,8 @@

## 资源与包体说明

- 体验版仅保留 `static/food-assets/food-1.jpg`、`food-2.jpg` 两张唯一餐饮图，图册、商户、商品、支付及订单相关展示均循环复用，合计约 210KB。
- 餐饮图不再单独打一份兜底图：接口没配图、图片加载失败、以及本地演示数据统一用 `static/common/image-placeholder.png`（全站唯一兜底图，24KB），图册/商户/商品/支付/订单相关展示都用它。
- 完整餐饮素材继续保留在项目外 `icon/吃` 素材库，正式版由后台/CDN配置，不直接打入小程序代码包。
- 完整“古典艺术行楷简”字体约 5.35MB，开发包未直接引入。
- 完整“古典艺术行楷简”字体约 5.35MB，**不放包内**（主包上限 2MB），已放服务器 `/data/talent-card/uploads/fonts/gudian-xingkai.ttf`（`/uploads/fonts/gudian-xingkai.ttf`），由 `App.uvue` 启动时用 `uni.loadFontFace({ family:'FoodCalligraphyFull', global:true })` 动态加载；专题页的 `.scene-name/.dish-name` 全局优先用它，加载失败或缺字回退到包内子集与系统字体。
- 当前菜名使用约 12KB 的 `food-calligraphy-subset.ttf` 子集，只用于设计稿演示字符。
- 后台动态名称正式上线前，必须完成完整字体的分包、远程加载或正式 CDN 方案，并验证字体授权与失败回退。
- 后台动态名称的完整字体已走"服务器 + 动态加载"方案；上线前仍需验证字体授权、首次加载耗时（5.35MB）与失败回退，必要时换 WOFF/子集。