iter(g111): 面包屑支持超长路径折叠
This commit is contained in:
+10
-1
@@ -1100,12 +1100,21 @@ const content = h(
|
||||
section(
|
||||
'sec-breadcrumb',
|
||||
'面包屑',
|
||||
'breadcrumb:nav + ol 语义结构,末项自动标为当前页,无 href 的条目走 onNavigate。',
|
||||
'breadcrumb:nav + ol 语义结构,末项自动标为当前页,无 href 的条目走 onNavigate;条目超过 maxItems 时中段折叠成「…」,点开后完整展开。',
|
||||
breadcrumb({
|
||||
items: [{ label: '首页', href: '#sec-counter' }, { label: '组件库' }, { label: '导航类' }, { label: '面包屑' }],
|
||||
separator: '›',
|
||||
onNavigate: (item) => toast.info(`跳转到 ${item.label}`),
|
||||
}),
|
||||
breadcrumb({
|
||||
items: [
|
||||
{ label: '首页', href: '#sec-counter' }, { label: '控制台' }, { label: '订单管理' }, { label: '华东区' },
|
||||
{ label: '2026 Q4' }, { label: '待发货' }, { label: '订单 #1024' },
|
||||
],
|
||||
separator: '›',
|
||||
maxItems: 4,
|
||||
onNavigate: (item) => toast.info(`跳转到 ${item.label}`),
|
||||
}),
|
||||
),
|
||||
section(
|
||||
'sec-accordion',
|
||||
|
||||
Reference in New Issue
Block a user