前言

在编辑器的画布中，选中某个具体组件后，右侧区域将展示该组件的编辑面板，共包含 属性、数据、事件、动画 四个页签，方便您对组件进行全方位配置。

属性

主要罗列组件的样式及外观相关配置，包括但不限于：

• 尺寸与位置（宽、高、坐标等）
• 字体、颜色、背景、边框等视觉样式
• 阴影、透明度、圆角等效果

通过调整属性，您可以快速改变组件在画布中的呈现效果。

数据

主要罗列组件的数据相关配置，用于定义组件展示的内容及其来源，包括：

• 静态数据：直接输入固定的文本、数值、图片地址等
• 动态数据：与数据缓存建立绑定

通过数据配置，您可以实现组件内容与业务数据的灵活绑定。

事件

用于为组件配置交互逻辑，定义“什么时候”触发“什么操作”，包括：

• 触发方式：点击、双击、悬停、加载完成、数据变化等
• 执行动作：打开链接、弹出弹窗、调用接口、切换页面、执行脚本、触发其他组件行为等
• 条件控制：可配合条件表达式，满足特定条件时才执行相应动作

通过事件配置，您可以让组件具备丰富的交互能力。

动画

用于为组件配置进入、强调、退出等动画效果，提升界面表现力，包括：

• 入场动画：组件加载时的出现效果（淡入、滑入、缩放等）
• 强调动画：吸引注意力的效果（闪烁、抖动、脉冲等）
• 退出动画：组件销毁或隐藏时的消失效果
• 循环动画：持续播放的动画效果（旋转、浮动、呼吸灯等）