模板制作

用户通过可视化编辑器快速制作价签显示模板。

可视化编辑器

可视化编辑器由四部分组成,分别是组件、大纲树、画布、组件属性。

  • 组件,是指组成显示内容的抽象出的部件,每个模板都会有数量不等的组件组成,支持文本、图片、矩形、二维码、条形码多种部件。

  • 大纲树,是指模板使用的组件列表,通过树进行排序,可以在大纲树中快速选择需要编辑的组件。

  • 画布,画布是可视化编辑的核心,用户可以通过拖拽组件至画布的不同位置,来实时呈现编辑效果。

  • 组件属性,每个组件都拥有不同的属性值,每项属性值的变更,都能在画布中体现不同效果。

可视化编辑器

画布中新增组件

组件中选择需要添加的组件,单击鼠标左键,拖拽至画布区域内,松开鼠标左键,完成画布中新增组件操作。

画布中删除组件

画布中选中组件、大纲树中选中组件,并点击删除图标进行删除。画布删除组件

画布中复制组件

画布中选中组件、大纲树中选中组件,并点击复制图标进行复制。画布中复制组件

修改操作撤回

画布右上角有左右方向键,左方向键撤回,右方向键重做。修改操作撤回

修改组件属性

画布中选中组件、大纲树中选中组件,并在组件属性中进行修改。修改属性具体组件的属性说明,请根据类型查阅。

组件类型

组件说明

文本组件

静态文本,一般用于价签中不变文本内容的呈现

矩形组件

四边形,一般用于底色的渲染,支持圆角

椭圆组件

圆形,一般用于底色的渲染,支持椭圆和圆

图片组件

静态图片,一般用于价签中不变图片内容的呈现

线条组件

线形,一般用于内容区域的划分,支持横线、竖线两种

动态文本组件

动态文本,根据不同商品显示不同商品内容的文本

二维码组件

根据商品内容呈现二维码

条码组件

根据商品内容呈现条形码

模板制作保存

在页面右上角点击保存按钮,画布内容将被保存至服务器中,确保画布内容不因以外客户端浏览器等原因出现丢失。

说明

为了防止编辑内容因为浏览器等原因出现丢失,建议用户每编辑一个组件后进行保存操作。

保存

模板制作预览

在页面右上角点击预览按钮,可以预览价签设备展示效果图。

预览