鸿蒙汽车美容案例拆解：门店、服务与车辆信息的页面组织

今天学习了鸿蒙开发实践中心的「汽车美容应用模板」，从门店列表、服务项目到车辆信息，记录几点页面组织上的思路。

一、门店列表

首页按距离和评分展示门店卡片，卡片只保留门店名、评分、距离和主营项目四个信息，点进去再看详情。列表页不做复杂筛选，把筛选放到二级页面，首屏加载更快。

二、服务项目

洗车、保养、贴膜等服务按类别分组，每个项目展示时长、价格区间和适用车型。价格用区间而不是固定值，避免不同门店差异导致频繁改文案。

三、车辆信息

车辆档案包含品牌、车型、车牌和保养记录，新增车辆时只要求必填项，其余信息可以后补。保养记录按时间倒序，和预约入口放在同一屏，减少跳转。

四、实践建议

先把门店、服务、车辆三个模型定义清楚，再做页面；列表和详情共用卡片组件；距离、评分等字段尽量在列表接口返回，避免前端二次请求。

这个模板的结构适合本地生活服务类应用，二次开发时替换数据源和品牌视觉即可。