C# 如何在NavigationProvider中使用非材质设计的图标?

C# 如何在NavigationProvider中使用非材质设计的图标?,c#,icons,customization,font-awesome,aspnetboilerplate,C#,Icons,Customization,Font Awesome,Aspnetboilerplate,我希望使用中不可用的NavigationProvider图标 在SetNavigation方法中,我们构建了主菜单 有一个选项可以通过使用材质设计图标名称来设置图标属性-例如,下面的菜单项使用“people”字符串来显示png: .AddItem( new MenuItemDefinition( PageNames.Doctors, L("Doctors"), url: "Doctors", icon: "people",

我希望使用中不可用的
NavigationProvider
图标

SetNavigation
方法中,我们构建了主菜单

有一个选项可以通过使用材质设计图标名称来设置
图标
属性-例如,下面的菜单项使用
“people”
字符串来显示png:

.AddItem(
    new MenuItemDefinition(
        PageNames.Doctors,
        L("Doctors"),
        url: "Doctors",
        icon: "people",
        requiredPermissionName: PermissionNames.Pages_Doctors
    )
)

除了材质设计图标外,还可以使用其他图标吗?如果是,如何引用图像或图标


谢谢

您可以像下面一样使用字体真棒

AddItem(new MenuItemDefinition(
    PageNames.App.Tenant.Google,
    new FixedLocalizableString("Google"),
    icon : "fa fa-bar-chart",
    requiredPermissionName : AppPermissions.Pages_Google,
    url : "http://www.google.com",
    target : "_blank"
    )
)
ASP.NET核心+角度 在侧栏nav.component.ts中修改以下内容:

//新菜单项(this.l(“HomePage”)、“”、“home”、“/app/home”),
新菜单项(this.l(“主页”)、“fa-fa-home”、“/app/home”),
在侧栏nav.component.html中修改以下内容:


{{menuItem.icon}
您可能需要在侧栏nav.component.html中添加一些样式设置(见下文)

ASP.NET核心+jQuery 在*NavigationProvider.cs中修改以下内容:

新菜单项定义(
网页名,主页,
L(“主页”),
url:“”,
//图标:“主页”,
图标:“fa fa home”,
RequireAuthentication:true
)
侧栏av/Default.cshtml中修改以下内容:

@if(!string.IsNullOrWhiteSpace(menuItem.Icon))
{
@if(menuItem.Icon.StartsWith(“fa”))
{
}
其他的
{
@菜单项图标
}
}
您可能需要在SideBarNav/Default.cshtml中添加一些样式设置(见下文)

造型

.sidebar.fa{
字体大小:24px;
高度:30px;
利润上限:4倍;
文本对齐:居中;
宽度:24px;
}

不幸的是,fa不能与MenuItemDefinition类一起使用-我原以为它会,但尝试了一些,但没有成功。请在您的项目中添加令人敬畏的字体。在本期中,这家伙也使用了fa图标。干杯,@arron在视图中引入了一些逻辑,根据图标的名称使用fa或材质。