SuperAPI AI 工具集

syncfusion-blazor-appbar

通用与其它

查看项目

更新于 10-15 21:06

技能介绍

用途:Syncfusion Blazor AppBar(SfAppBar)是导航组件,用于展示与当前应用屏幕相关的信息和操作,为品牌、导航和操作提供一致的页头区域。适用于导航页头、应用工具栏、响应式页头、固定或粘性定位,以及与其他组件(菜单、按钮、侧边栏)集成。

主要能力:支持灵活布局(AppBarSpacer 间隔、AppBarSeparator 分隔线);尺寸模式 Regular、Prominent、Dense;颜色模式 Light、Dark、Primary、Inherit;定位 Top、Bottom 及 IsSticky 粘性;支持按钮、菜单、下拉等子组件与媒体查询响应式设计。关键属性包括 ColorMode、Mode、Position、IsSticky、CssClass、HtmlAttributes。

使用方式:需安装 Syncfusion.Blazor.Navigations 包,在 _Imports.razor 添加 @using Syncfusion.Blazor.Navigations,注册 builder.Services.AddSyncfusionBlazor(),并在 index.html 引入主题 CSS 与 Syncfusion 脚本。子按钮和菜单建议使用 CssClass="e-inherit" 继承 AppBar 配色。

适用场景:主应用导航、仪表板页头、移动端底部导航、落地页 Hero 页头、紧凑工具栏、侧边栏切换导航。

限制:资料未提供收费、价格、平台支持范围及具体效果数据;自定义样式建议使用 CssClass 而非直接覆盖默认样式。