blazor-Ant Design Pro Layout
[删除(380066935@qq.com或微信通知)]
https://github.com/ant-design-blazor/blazor-pro-components
An out-of-box UI solution for enterprise applications as a React boilerplate. This repository is the layout of Ant Design Pro and was developed for quick and easy use of the layout.
Usage
Install-Package AntDesign.Pro.Layout
// or
dotnet add package AntDesign.Pro.Layout
builder.Services.AddAntDesign();
builder.Services.Configure<ProSettings>(x =>
{
x.Title = "Ant Design Pro";
x.NavTheme = "light";
x.Layout = "mix";
x.PrimaryColor = "daybreak";
x.ContentWidth = "Fluid";
x.HeaderHeight = 64;
});
Or setup with appsettings.json
builder.Services.AddAntDesign();
builder.Services.Configure<ProSettings>(builder.Configuration.GetSection("ProSettings"));
{
"ProSettings": {
"NavTheme": "light",
"Layout": "mix",
"ContentWidth": "Fluid",
"FixedHeader": false,
"FixSiderbar": true,
"Title": "Ant Design Pro",
"PrimaryColor": "daybreak",
"ColorWeak": false,
"SplitMenus": false,
"HeaderRender": true,
"FooterRender": true,
"MenuRender": true,
"MenuHeaderRender": true,
"HeaderHeight": 64
}
}
Link the static files in wwwroot/index.html (WebAssembly) or Pages/_Host.cshtml (Server)
<link rel="stylesheet" href="_content/AntDesign.ProLayout/css/ant-design-pro-layout-blazor.css" />