Breadcrumb 麵包屑

2022-05-16, Yii

# 標題 內容
1 Status 導航
2 Zeplin https://zpl.io/adKLJx5
3 Ant Design https://ant.design/components/breadcrumb-cn/
4 Web #
5 App #

定義

顯示當前頁面在系統層級結構中的位置,並能向上返回。

何時使用

當系統擁有超過兩級以上的層級結構時,需要告知用戶當前位置。

位置

頁面的最上方,位於頁面 Header 內。

規則

1. 標題
  • 列表
  • 動作(新增、編輯、檢視)+ 功能模組的名稱
2. 模組名稱
  • 顯示模組名稱(無連結)
3. 功能模組名稱
  • 顯示功能名稱(連結至模組的列表頁)

範例

標題:列表
Breadcrumb:SKU管理 /一般SKU
MenuTree:SKU管理 > 一般SKU

標題:新增SKU
Breadcrumb:SKU管理 /一般SKU
MenuTree:SKU管理 > 一般SKU