33 行
2.1 KiB
Markdown
33 行
2.1 KiB
Markdown
# 案例列表页重构
|
||
|
||
页面：https://www.gynhc.com/official/case_show/list/14/14.html
|
||
|
||
## 策划与设计
|
||
|
||
以业务问题组织案例，保留商贸流通、连锁餐饮、装备制造、知识管理四个方向。卡片先展示项目概况和主要功能，业务挑战、实施方案、交付内容收进原生可展开说明。增加项目比对建议及需求咨询入口。
|
||
|
||
采用浅色专业风、蓝色交互、宋体标题、细线和紧凑双列布局。手机端单列，提供原生菜单。筛选支持选中状态、项目数量反馈和键盘操作。图片明确标注为抽象示意，业务结构图单独说明用途。
|
||
|
||
## 实施范围
|
||
|
||
- 替换案例列表电脑、手机模板 list.html / list_e.html。
|
||
- 新增 cases-nhc.css、cases-nhc.js 及四组 WebP/JPEG 配图。
|
||
- 未修改案例详情页、共享导航及其他业务页面。
|
||
- 现有案例描述作为内容来源；未添加客户身份、量化提升数据或准确率承诺。离线操作与支付条件分别说明，智能体保留原文引用及人工复核。
|
||
|
||
## 验证及发布
|
||
|
||
文案 5 项、图片 7 项、客户资料规范 3 项、案例结构 14 项检查全部通过。浏览器验证 1440px 桌面、375px 手机及 812px 横屏布局，无横向溢出；筛选项目数依次为 4 / 2 / 1 / 1 / 3，44px 触控目标、键盘展开和手机菜单通过。
|
||
|
||
生产环境桌面与 iPhone User-Agent 均返回 200，四个项目及独立样式、脚本引用正确。iPhone 12 模拟环境验证 390px 布局无溢出，智能体筛选及项目说明展开正常，无浏览器错误。图片使用 WebP，单张约 30–58 KB，保留 JPEG 回退。
|
||
|
||
上线备份：`/www/backup/nhc-cases-redesign-20261105-143120`。发布 12 个文件，资产先于模板，上传时校验 SHA-256，清除编译模板缓存。发布前检查远端文件未在核对后发生变化。清单保存在 `runtime/cases-deployment.json`。
|
||
|
||
## 配图交付
|
||
|
||
使用内置 image_gen 工具分别生成四张图片，已保存为项目资产：
|
||
|
||
`public/assets/addons/official/images/cases/{distribution,retail,manufacturing,knowledge}.{webp,jpg}`
|
||
|
||
生成提示词见 `cases-image-prompts.json`。
|