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" />