图片素材
这一页干什么
上传并管理小程序用的 门店图 与 房型照片:按用途分槽位、按房型分卡片,支持排序、说明、停用、删除。尺寸不符会拒绝上传;排序第 1 张优先展示给客人。

从哪里打开
| 入口 | 操作 |
|---|---|
| 顶部导航 | 点 小程序 |
| 左侧菜单 | 点 图片素材(当前页高亮) |
右上角 刷新 可重新拉取全部槽位与房型图。
公共顶栏
顶栏与多数业务页共用,详见 顶部导航栏 `page-nav-header`。
顶部分类导航
点击导航项会滚动到对应区块:
| 导航 | 对应内容 |
|---|---|
| 预订顶栏轮播 等 | 门店各图片槽位 |
| 房型照片 | 房型照片分区标题 |
| 大床房 / 标间 / … | 各房型卡片(与 房间管理 房型一致) |
门店图片槽位
每个槽位一张卡片,标题旁有优先级标签(如 P0 / P1 / P2)。副标题含 规格宽×高、建议张数、slot= 标识。
| 槽位(常见) | 规格 | 建议 | 优先级 |
|---|---|---|---|
预订顶栏轮播 hotel_top |
750×560 | 6~12 张,第 1 张为首图 | P0 |
列表封面 list_cover |
750×1000 | 建议 1 张 | P0 |
| 详情概括图 | 以页内显示为准 | 建议 1 张 | P0 |
| 环境展示 | 以页内显示为准 | 可多张 | P1 |
| 订单环境图 | 以页内显示为准 | 可多张(预留) | P2 |
点卡片右上角 上传图片 → 选图 → 填写说明 → 确认上传。
单张图操作
| 按钮 | 业务逻辑 |
|---|---|
| 上移 / 下移 | 调整排序;#1 靠前优先展示 |
| 说明 | 修改图片说明(建议必填,方便辨认) |
| 停用 / 启用 | 停用后小程序不展示,图仍保留 |
| 删除 | 永久删除该素材 |
点击缩略图可放大预览。
房型照片

| 项 | 说明 |
|---|---|
| 规格 | 一般为 750×500(以页内提示为准) |
| 排序第 1 张 | = 预订页该房型的 缩略图 / 封面 |
| 上传房型照片 | 按房型分别上传,无需去设置页 |
| 无房型时 | 提示先到房间管理建好房型,再刷新本页 |

未上传的房型显示「该房型还没有照片…」空状态;每个房型卡片显示 已上传 N 张。
行内操作与门店槽位相同:上移、下移、说明、停用、删除。
怎么操作(常见流程)
- 顶栏 小程序 → 图片素材。
- 用顶部分类导航跳到 预订顶栏轮播 / 列表封面 等,点 上传图片(注意宽高)。
- 滚到 房型照片,为每个房型点 上传房型照片;把最好看的一张 上移到 #1。
- 建议给每张图填 说明(如「外立面」「大堂」「卧室 · 封面」)。
- 临时不想展示可 停用;确定不要再 删除。
注意点
- 尺寸必须符合槽位规格,否则上传会被拒绝。
- 第 1 张排序 影响客人看到的首图 / 房型缩略图,请认真排序。
- 房型照片只在本页维护;须先在 房间管理 建好房型。
- P0 槽位对小程序展示最关键,建议优先补齐顶栏轮播与列表封面。
相关页面
| 操作 | 链到 |
|---|---|
| 建房型 | 房间管理 `page-room-manage` |
| 门店文案 / 设施 | 门店资料 `page-mini-store-profile` |
| 太阳码张贴 | 本店小程序码 `page-mini-wxacode` |
| 顶栏小程序入口 | 顶部导航栏 `page-nav-header` |
| 产品能力概览 | 微信小程序 |