# 编辑器(beta)

# 页面介绍

page_layout

1 节目名称,可双击修改名称。
2 编辑器主菜单:图片、视频、音乐、组件、文本、屏幕贴、排队叫号。
3 主菜单的子菜单项,可拖动子菜单内容至画布中
4 withdraw撤销:取消上一个操作来恢复之前的状态。
redo重做:再次执行上次撤消的操作。
clear清空:清空页面所有内容。
layer图层:可查看每个元素的层级关系。
page页面:可新增多个页面,也可以设置每个页面时长。
缩放:可通过鼠标滚轮缩放画布大小;
拖拽:alt+鼠标左键拖拽可拖拽画布。
5 画布:内容编辑器部分。您可以从此部分查看内容或编辑添加的元素。
6 属性:这里可对不同元素进行属性编辑操作。
7 仅保存:保存节目至节目列表中;保存并更新:此节目将更新到已发布的设备中;保存并发布:此节目将保存在节目列表中并且进入节目发布页面。

# 图片

editor2_image1

editor2_image2

1 素材可通过名称搜索,也可以文件夹筛选。也可以上传、删除文件。选择需要的图片拖拽至画布任意位置。
注:AI审核未通过的将不能拖入画布。
2 选中素材右下角框拖动可等比放大缩小素材。
3 右侧属性栏可以修改素材位置和宽高。
4 交互:按钮默认关闭,开启后,可实现点击图片跳转内部页面。
超时跳转:默认关闭。开启后,超过时间未点击图片跳转,则进入超时跳转页面。超时跳转页面也是在内部页面设置
5 入场:向左移入、向右移入、向上移入、向下移入。
持续:设置动画持续的时间。
强调:放大、缩小、抖动、旋转。
重复:在时间内重复多少次。
出场:向左移入、向右移入、向上移入、向下移入。
6 选中素材,右击可复制(Ctrl+C)、粘贴(Ctrl+V)、删除(Delete)、置顶、上移一层、下移一层、置底。

# 视频

editor2_video

1 素材可通过名称搜索,也可以文件夹筛选。也可以上传、删除文件。选择需要的图片拖拽至画布任意位置。
注:AI审核未通过的素材不能拖入画布使用
2 选中素材右下角框拖动可等比放大缩小素材。双击素材可以替换素材。每个页面只可添加一个视频素材。
3 选中素材,右击可复制(Ctrl+C)、粘贴(Ctrl+V)、删除(Delete)、置顶、上移一层、下移一层、置底。
4 右侧属性栏可以修改素材位置和宽高。

# 音乐

editor2_audio

1 素材可通过名称搜索,也可以文件夹筛选。也可以上传、删除文件。选择需要的图片拖拽至画布任意位置。
注:AI审核未通过的素材不能拖入画布使用
2 音乐可以放在任意位置,终端节目不会展示音乐图标。每个页面只可拖入一个音乐素材。

# 组件

天气组件

component_weather

1 选择天气组件拖入画布中。
2 天气有三种样式,可在右侧属性栏设置。拖动素材的右下角可等比放大、缩小天气组件。
3 右侧属性可以设置天气的样式、字体、背景颜色等。

时间组件

component_weather

1 选择日期组件拖入画布中。
2 日期有两种样式,可在右侧属性栏设置。拖动素材的右下角可等比放大、缩小组件。
3 右侧属性可以设置时间的样式、时间样式、字号、字体颜色、背景颜色等。

图片轮播

carousel_image1 carousel_image2 carousel_image3

1 选择图片组件拖入画布中。
2 拖动素材的右下角可等比放大、缩小组件。
3 右侧属性可以设置图片组件位置、尺寸大小等。
4 点击加号可添加多张轮播图。
5 点击 上传素材 按钮可以上传需要的图片。
6 选择好的图片可以排序和删除。
7 这里展示已选图片,并可以进行删除操作。
8 选中单个图片,可设置图片的转场动画和间隔时间。点击应用于全部可将转场动画和时间应用至所有图片中。

视频轮播

carousel_video1 carousel_video2 carousel_video3

1 选择视频组件拖入画布中。
2 拖动素材的右下角可等比放大、缩小组件。
3 右侧属性可以设置视频组件位置、尺寸大小等。
4 点击加号可添加多张视频或者图片轮播图。
5 点击 上传素材 按钮可以上传需要的图片。
6 选择好的视频或图片可以排序和删除。
7 这里展示已选视频,并可以进行删除操作。视频不可设置转场动画和时间。

在线网页

component_web

1 选择网页组件拖入画布中。注:一个页面只能添加一个网页组件。
2 拖动组件的右下角可等比放大、缩小组件。
3 右侧属性可以设置组件位置、尺寸大小等。
4 输入网址,可设置网站的刷新频率。

浮层动画

float-animation

1 选择浮层动画组件拖入画布中。浮层动画:即浮于节目最上层的动画,在画面中随机飘动。
2 浮层动画一般置于画布最上方,不可调整大小。
3 可添加图片(最大可设置1080x1080px),可设置动画的运动时间,建议设置为15S

# 文本

基础文本

editor2_text1 editor2_text1

1 文本样式分为:基础文本和RSS文本,基础文本即普通文字。
2 双击可修改文字内容。鼠标右击可实施复制、粘贴、删除、置顶、上移、下移、置底操作。
3 属性栏可设置文字的尺寸、位置、文字颜色、字体、字号、对齐方式、字间距、行间距、背景颜色等。
4 入场:向左移入、向右移入、向上移入、向下移入。
持续:设置动画持续的时间。
强调:放大、缩小、抖动、旋转。
重复:在时间内重复多少次。
出场:向左移入、向右移入、向上移入、向下移入。

滚动字幕

editor2_scolltext

1 将滚动字幕拖入画布中。
2 此处展示提醒文字,不可修改,需在右侧输入滚动字幕内容。暂不可预览,最终效果可在终端查看。可以拖动文字长度设置滚动区域。
3 基础设置可设置文字的尺寸、位置。
4 文本内容;输入滚动字幕的内容。
文字:可设置字体、字号、对齐方式、字距、行距、加粗、下划线、删除线、字体颜色、背景颜色等。
滚动方向:水平滚动、垂直滚动。
滚动速度:快、中、慢。
刷新频率:30分钟、1小时、2小时。

RSS文本

editor2_rss

1 将RSS文本拖入画布中。
2 此处展示提醒文字,不可修改,需在右侧输入RSS地址。暂不可预览,最终效果可在终端查看。可以拖动文字长度设置滚动区域。
3 基础设置可设置文字的尺寸、位置。
4 RSS地址:输入RSS订阅号地址。
文字:可设置字体、字号、对齐方式、字距、行距、加粗、下划线、删除线、字体颜色、背景颜色等。
滚动方向:水平滚动、垂直滚动。
滚动速度:快、中、慢。
刷新频率:30分钟、1小时、2小时。

屏幕贴

editor2_sticker

1 屏幕贴一般为做售罄数据绑定用,标签来源是素材列表中上传至屏幕贴文件夹的素材。
2 售罄标签移到相应位置,右下角可等比调整大小
4 选择门店:选择需要制作售罄门店。
绑定类型:售罄标签。
元素绑定:点击绑定会弹款选择要绑定的元素,绑定完的数据标签会有蓝色边框,仅做绑定数据和未绑定数据区分,终端显示以标签本身样式为准。

排队叫号

editor2_calling

1 叫号数据组件拖入画布中。
2 数据可以通过右下角等比放大、缩小;也可以通过右侧属性设置。
3 基础设置:调整尺寸、位置。
4 数据可设置字号和颜色。
5 数据以表格形式创建,可设置展示数据的行数和列数。
6 第三方系统:在门店配置数据来源后,此处可选择相应的第三方系统。
数据类型有三类分别是:已完成/叫号中、服务中/制作中、排队中/等候中。
订单来源:根据第三方系统的数据类型,比如:饿了么、美团。

# 动态菜单

动态菜单-横版菜单

editor2_horizontal_menu1 editor2_horizontal_menu2 editor2_horizontal_menu3

1 横版菜单组件拖入画布中。
2 数据可以通过右下角等比放大、缩小;左右拖拽可调整菜单名称和价格之间的间距;向下拖拽可调整每行菜单的间距。
3 基础设置:对齐、调整尺寸、位置。
4 数据可设置中英文字号和颜色。默认中文字号为英文的1.6倍。英文显示与否取决于第三方系统有没有配置英文菜单名称。
5 默认展示5行菜单,可增加或减少菜单显示的数量
6 数据来源:在门店配置数据来源后,此处可选择相应的第三方系统。
菜单绑定:点击未绑定,可绑定POS系统的菜单。
7 按商品规格查询:每个规格的商品价格单独展示。
按商品编码查询;每个规格的商品价格合并一条数据展示。
8 可选择普通商品、小料商品分开绑定
9 右侧展示已选择的菜单名称。可调整顺序、删除等操作。
10 绑定完数据后可设置售罄标签和其他展示标签

动态菜单-竖版菜单

editor2_vertical_menu1 editor2_vertical_menu2 editor2_vertical_menu3

1 竖版菜单组件拖入画布中。
2 数据可以通过右下角等比放大、缩小;左右拖拽可调整菜单名称和价格之间的间距;向下拖拽可调整每行菜单的间距。
3 基础设置:对齐、调整尺寸、位置。
4 数据可设置中英文字号和颜色。默认中文字号为英文的1.6倍。英文显示与否取决于第三方系统有没有配置英文菜单名称。
5 默认展示5行菜单,可增加或减少菜单显示的数量
6 数据来源:在门店配置数据来源后,此处可选择相应的第三方系统。
菜单绑定:点击未绑定,可绑定POS系统的菜单。
7 按商品规格查询:每个规格的商品价格单独展示。
按商品编码查询;每个规格的商品价格合并一条数据展示。
8 可选择普通商品、小料商品分开绑定
9 右侧展示已选择的菜单名称。可调整顺序、删除等操作。
10 绑定完数据后可设置售罄标签和商品图片