构成元素

1. 已完成
2. 进行中
3. 未开始
4. 操作栏：进行中流程的操作
5. 标题：进行中流程的标题
6. 操作按钮：进行中流程的操作

交互流程

触发有序流程后，用户将进入流程页面，该页面仅显示表单的第一部分。一旦用户填写了所有必要的字段，就会出现一个 “下一步” 按钮，允许用户移动到下一步。当用户完成向导的最后一部分后，按钮标签将更改为 “完成” 。

头部用于显示退出有序流程的 “取消”按钮。如果用户修改了任何字段，数据丢失消息也会提示用户。 如果表单很长并且用户可能必须在完成之前保存它，可以使用“保存草稿”功能。

当用户完成流程的最后一部分后，按钮标签将更改为完成创建 ，并且用户将进入查看屏幕。

尺寸

高度40px（步骤条）+40px（操作栏），宽度100%（填满容器）

用法

什么时候使用

• 有序流程旨在通过将大型或复杂的任务分成多个部分来帮助用户。如果用户必须完成一项较长的任务（例如填写一份长问卷）或用户不熟悉的任务，请使用该向导。
• 有序流程应包含 最少3个和最多8个步骤。
• 有序流程只能用于创建场景。

什么时候不使用

• 如果你的任务只有2个步骤或用户熟悉的格式（例如，这是他们日常工作的一部分）请不要使用有序流程，因为它只会向流程添加不必要的点击。
• 如果你的流程需要8个以上的步骤，则向导将不支持这些步骤，因为流程太长并且可能会让用户感到困惑。在这种情况下，你应该考虑重组任务。

容器的规则

只能放在Page容器里的Top容器，且一个Page只能出现一个同类组件，将始终使用宽度的100％

跨端的变化

• Pad 无变化
• Phone 仅样式变化