步骤

使用场景

当页面存在复杂任务或先后关系时，您可以使用步骤组件将其分解成一系列步骤，从而简化任务。

使用说明

在某个容器内或整个页面内支持拖入步骤组件，步骤数据绑定动态值时，您需要绑定一个类型为List<Structure>类型的变量，其中Structure为步骤组件中每项数据对应的类型。

使用示例

1. 从组件面板拖拽步骤组件至画布。

2. 在右侧属性面板中，设置相关属性。

   1. 设置步骤形状。步骤形状有圆形、箭头和圆点三种形状，且默认形状为圆形。

   2. 设置显示方向、是否只读及开启动效。

      • 显示方向：步骤条的方向，分为水平与垂直，且默认方向为水平。

      • 是否只读：步骤是否可以点击。

      • 开启动效：在步骤变换时，展示过渡动效。

   3. 设置当前步骤。您可以通过设置当前步骤来选择初始步骤位置。

3. 设置步骤数据属性。步骤数据分为固定值和动态值两种设置方式。

   • 当数据来源为固定值时，可以进行添加，编辑和删除数据操作。

   • 当数据来源为动态值时，需要绑定一个类型为List<Structure>类型的变量，其中Structure为步骤组件中每项数据对应的类型。