Sidebar

站点标识、导航树与折叠开关的纯导航侧栏。

最后更新 2026-10-25 20:51:48

说明

接收 MenuItem 列表渲染导航，Url 为空的分组可折叠展开二级菜单；折叠态下悬停图标以 flyout 浮层显示子项。顶部 logo 区带折叠开关，不再放用户卡片（身份已移到顶栏头像下拉）。

常见能力：

<Sidebar Title="Known" Logo="K"
         Menus="@menus" CurrentUrl="@path" />

参数	类型	默认值	说明
`Collapsed`	`bool`	`false`	是否折叠。
`CollapsedChanged`	`EventCallback<bool>`	—	事件折叠状态双向绑定。
`CurrentUrl`	`string`	`null`	当前激活的路由。
`Icon`	`string`	`"cube"`	Logo 图标（优先于 Logo）。
`Logo`	`string`	`null`	Logo 文字（1-2 字）。
`LogoUrl`	`string`	`null`	Logo 图片地址（优先级最高，设置后覆盖 Icon 与 Logo）。
`Menus`	`List<MenuItem>`	`[]`	导航菜单。
`OnNavigate`	`EventCallback<string>`	—	事件
`Title`	`string`	`null`	站点标题。
`Visible`	`bool`	`true`	取得或设置组件是否可见，默认为false。
`VisibleChanged`	`EventCallback<bool>`	—	事件取得或设置组件可见性变化时的回调事件。
`Class`	`string`	`null`	取得或设置组件的CSS类名，用于自定义样式。
`Disabled`	`bool`	`false`	取得或设置组件是否禁用，默认为false。
`Style`	`string`	`null`	取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。