🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] # 云平台新组态 ## 一、组态编辑器介绍 组态编辑器主要由**顶部工具栏**、**左侧组件栏**、**右侧配置栏**组成,以下简单介绍组态编辑器的各功能区域。 ![](http://qiniu.yuncon.net/c0b99d19c11576a57ba17cb72d29b88e) ## 二、左侧工具栏介绍 * 组件栏:系统组件、我的图片 * **系统组件**:这里的图片形状均可当控件使用 * **我的图片**:在系统组件中的形状不满足使用可以在我的图片中自行上传 ![](http://qiniu.yuncon.net/f4df525413383fdf6b876cfc8c98e400) ## 三、右侧工具栏介绍 * 图文、布局、结构 *图文:可以隐藏和显现背景网格和标尺,有利于排版 *布局:可以调整控件的间距 *结构:可以看到所有控件中的某一个的具体位置 ![](http://qiniu.yuncon.net/dbdf2eb0d620261227a266c9a816051c) ## 四、控件的编辑 从左侧的组件栏中拖出控件既可在右侧的工具栏进行编辑 *外观:可以编辑控件的大小、位置、线条颜色、线条大小、文字大小、文字颜色、编辑文字 *事件:添加事件既可绑定网关中的数据 *动效:可以编辑动画效果,线条可以做出流动效果 ![](http://qiniu.yuncon.net/292bcdc66802d246d72d2cd5e1108b56) ## 四、数据绑定示例 *添加事件 选定网关数据点就可 *事件类型:单机、 MQTT两种 *选择点击类型看到的数据仅只读 *选择 MQTT类型看到的数据可读可写 *事件行为:显示开关状态、 开关、 下发数据、 显示实时数据根据需求自行选择 >[warning]注意:事件行为选择后在下面会主动在出现一个事件这个不可编辑 ![](http://qiniu.yuncon.net/92500614b7c8a81c904bead6b9520ea0)