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或材质。