属性面板

当用户选中画布中某个元素节点后，在属性面板可以查看和配置相关属性。包含三个模块：样式配置、交互配置、组件配置。

样式配置

用于查看和调整节点样式相关的属性。

• 单位选择，设置生成代码的样式长度单位，目前支持 px、rpx、rem 等长度单位
• 关联已有规则，选择页面中已存在的类名样式，并应用在选中节点上
• 查看节点 CSS 属性和对应的属性值
• 修改节点 CSS 类名
• 编辑 CSS 样式
• 使用可视化编辑器修改 CSS
• 选中 CSS 关联节点

交互配置

用于配置页面之间的交互行为。

• 跳转到页面：点击节点后，跳转到指定的页面
• 返回上一级：点击节点后，返回上一级页面
• 交互组件配置：设置选择器、弹出层、弹出框、动作面板、时间选择器等

组件配置

组件的配置属性与官方组件库提供的属性保持一致。