步骤条 Steps

概述

步进样式能够很好的可视化呈现给用户当前的服务进度,并且让他能够对整个流程有更加清晰的了解

类型

image.png

用法

步骤数量:考虑到空间范围,步骤不能超过4步,至少2步失败标记:失败的步骤图标和文字会对应变为红色

类型细节规则

横向步进器

image.png

场景描述:适用于步骤描述比较简单的场景(例如步骤不需要描述,或者步骤通过2个字的词语可以描述清楚)规则:1.标题不允许超过一行,原则上不允许超过自己进度范围以内区域(范围见标注)2.描述可以根据业务需要选择性添加,文字长度标准同标题

纵向步进器

image.png

场景描述:适用于步骤描述比较详细的场景(例如步骤描述超过6个中文字,或者有短句样式的内容描述)规则:1.标题和描述不允许超过2行,超过后自动截断2.描述可以根据业务需要选择性添加