设计展示页(4 步向导)
在左侧点中一块屏,打开 页面设计 Tab。没有页面时会显示空态「暂无播放页面 / 新增第一页」。
点 新增第一页(或 新增页面)进入 4 步编辑器。
一句话理解这 4 步:
第 1 步决定这页展示什么,第 2 步决定顶部和底部说什么,第 3 步决定卡片长什么样,第 4 步核对后发布。右侧预览随时验证。
第 1 步:基础与模板
页面标题
| 字段 | 说明 |
|---|---|
| 页面类型 | 酒头列表 会自动拉真实商品数据;自定义图片 整页只放一张图,不依赖酒头 |
| 页面标题 | 页面主标题 |
| 停留时长(秒) | 这一页轮播停多久 |
| 排序 | 这一页在整块屏中的轮播顺序 |
酒头同步范围(仅酒头列表页)
填 酒头起始号 和 酒头结束号。系统按范围估算这页要展示几张卡片,然后自动归到固定档位:
| 卡片数 | 档位 |
|---|---|
| 1–4 张 | 4 卡方案 |
| 5–6 张 | 6 卡方案 |
| 7–8 张 | 8 卡方案 |
| 9–10 张 | 10 卡方案 |
档位决定了一切尺寸
档位一旦确定,列数、行数、卡片宽高、卡片间距、顶部/底部高度、字体大小全部由模板矩阵锁定,你不需要也不能手调这些数值。
想让卡片变大?把酒头范围缩窄,掉到更低的档位就行。比如 1–10 号显得挤,拆成两页 1–5 和 6–10,两页都是 6 卡方案,卡片立刻变大。
页面背景图
- 背景图地址 / 上传背景图
- 背景填充:铺满背景 / 完整显示 / 平铺背景
- 背景位置:顶部对齐 / 居中对齐 / 底部对齐
- 遮罩颜色、遮罩透明度、背景模糊
这是页面背景,营造氛围用的,不是商品图。商品图是每张卡片自己的。背景太花会让酒名读不清,配合遮罩透明度压一下。
页面模板
当前可选:海报暗色菜单、海报亮色菜单、密集信息暗色、品牌主视觉菜单、极简清爽菜单。
选模板会用模板的整套预设直接覆盖当前页面的默认值——所以先选模板,再调细节,顺序反了会白调。
第 2 步:排版与结构
这一步只管顶部和底部说什么,不管它们多高(高度由模板矩阵固定)。
顶部区块
开关:显示顶部区块。布局样式:品牌横幅 / 品牌信息条 / 自定义布局 (Flex)。
可调内容:主标题、副标题、Logo、公告文案。每一项都能单独设置是否显示、位置、对齐、字号、颜色(Logo 是位置、大小、圆角)。
底部区块
开关:显示底部区块。布局样式:促销页脚 / 自定义布局 (Flex)。
可调内容:主文案(显示 / 文案 / 位置 / 对齐 / 字号)、固定 Logo(显示 / 图片 / 大小 / 圆角)。
保存报「区块样式不合法」
如果保存时提示顶部或底部区块样式不合法,在这一步显式选一个样式再保存:顶部选 品牌横幅,底部选 促销页脚。不要留在默认值上直接保存。
第 3 步:卡片细节
这一步内容最多,单独一页讲:模板、卡片与配色。
第 4 步:预览确认
发布前核对:页面标题、同步范围、轮播时长、当前模板矩阵状态。
点 保存并发布,这一页进入右侧的「播放页面列表」,电视端会自动同步对应酒头的真实内容。
新建页面的稳妥路径
第一次建页面,按这条走能避开校验报错:
- 第 1 步:填标题、酒头范围、选模板
- 第 2 步:顶部显式选
品牌横幅,底部显式选促销页脚 - 第 3 步:卡片风格显式选
自定义 - 第 4 步:保存并发布
先把页面存下来,再回头一项项调样式。
