定義
引導用戶按照流程完成任務的導航條。
何時使用
當任務複雜或者存在先後關係時,將其簡化系列步驟。
位置
- 帶數字步驟條一般位於新增頁面,卡片上方。
- 狀態與歷程常見於編輯、檢視頁面最底下的卡片。
規則
1. 帶數字步驟條
- 一般位於新增頁面,卡片上方。
- 2 個(含)步驟以下不出現步驟條,3 步驟(含)以上才出現步驟條。
- 步驟條與底部按鈕搭配:
| 步驟 | 按鈕 |
|---|---|
| 第一步 | 返回、儲存草稿、下一步 |
| 第 N 步 | 上一步、儲存草稿、下一步 |
| 最後一步 | 上一步、儲存草稿、儲存 / 發布 / 同步 |
2022-05-16, Yii
| # | 標題 | 內容 |
|---|---|---|
| 1 | Status | 導航 |
| 2 | Zeplin | http://zpl.io/2vj5QoP |
| 3 | Ant Design | https://ant.design/components/steps-cn/ |
| 4 | Web | # |
| 5 | App | # |
引導用戶按照流程完成任務的導航條。
當任務複雜或者存在先後關係時,將其簡化系列步驟。
| 步驟 | 按鈕 |
|---|---|
| 第一步 | 返回、儲存草稿、下一步 |
| 第 N 步 | 上一步、儲存草稿、下一步 |
| 最後一步 | 上一步、儲存草稿、儲存 / 發布 / 同步 |