通过一系列步骤来显示任务的完成进度。
使用场景
- 需要对线性流程进行引导，建议步骤大于3步时使用。
- 需要显示流程进度，并对流程步骤解释说明。
类型
横向步骤条
横向的步骤条样式。
纵向步骤条
纵向的步骤条样式。
点状
步骤条的点状形式，按照方向的不同分为横向步骤条、纵向步骤条。
横向
纵向
带切换的步骤条
通过点击步骤条可切换信息内容。
设计引导
步骤条的使用规则
横向步骤条用于页面级的内容切换，纵向步骤条用于当前页面的步骤展示。
点状步骤条用于区块信息的步骤展示，仅展示当前进程，作为整个内容的补充说明。迷你步骤条用于信息展示组件内部（列表、表格）。
参考文档
https://atlassian.design/components/progress-tracker/examples
https://www.lightningdesignsystem.com/components/progress-indicator/
0条评论