ant design blazor
1.0.1
Um rico conjunto de componentes da interface do usuário da classe corporativa baseados no design e no blazor.
Inglês | 简体中文
WebAssembly Hospedagem estática em:
Devido à restrição WebAssembly, o Blazor Webassembly não suporta o navegador do IE, mas o Blazor Server suporta IE 11 † com poli -filos adicionais. Veja documentação oficial.
No .NET 5, ou seja, 11 não é mais apoiado oficialmente. Veja Blazor: Suporte atualizado do navegador. O suporte não oficial é fornecido pelo Blazor.Polyfill Community Project.
Liberar:
Todas as noites:
Baixe nossas últimas compilações noturnas
Sincronizar regularmente com as especificações oficiais do design da formiga, você pode verificar os logs de sincronização online.
Portanto, você pode usar diretamente os estilos de temas personalizados do design da formiga.
Antes da versão 1.0, sincronizamos apenas os estilos ANTD 4.x.
Fornecemos o dotnet new para criar um projeto de caldeira para fora da caixa:
Instale o modelo
$ dotnet new --install AntDesign.TemplatesCrie o projeto Boilerplate com o modelo
$ dotnet new antdesign -o MyAntDesignAppOpções para o modelo:
| Opções | Descrição | Tipo | Padrão |
|---|---|---|---|
-f | --full | Se especificado, gera todas as páginas do Ant Design Pro | bool | falso |
-ho | --host | Especifique o modelo de hospedagem | 'webApp' | 'Wasm' | 'servidor' | 'webApp' |
--styles | Se usa nodejs e menos para compilar seus temas personalizados. | css | less | css |
--no-restore | Se especificado, ignora a restauração automática do projeto em Criar | bool | falso |
Vá para a pasta do projeto do aplicativo e instale a referência do pacote NUGET
$ dotnet add package AntDesign Registre os Serviços em Program.cs
builder . Services . AddAntDesign ( ) ; ou Startup.cs
services . AddAntDesign ( ) ; Adicionar namespace em _Imports.razor
@using AntDesignIntroduzir arquivos CSS e JS em locais apropriados. O projeto do WebApp foi introduzido no App.Razor, e o projeto WebAssembly foi introduzido em index.html
< link href =" _content/AntDesign/css/ant-design-blazor.css " rel =" stylesheet " >
< script src =" _content/AntDesign/js/ant-design-blazor.js " > </ script > Para exibir o componente pop-up dinamicamente, você precisa adicionar o componente <AntContainer /> no App.razor .
<Routes /> para interatividade. <Routes @rendermode="RenderMode.InteractiveAuto" /> <-- specify the rendermode
+ <AntContainer @rendermode="RenderMode.InteractiveAuto" /> <-- add this component <Router AppAssembly="@typeof(MainLayout).Assembly">
<Found Context="routeData">
<RouteView RouteData="routeData" DefaultLayout="@typeof(MainLayout)" />
</Found>
<NotFound>
<LayoutView Layout="@typeof(MainLayout)">
<Result Status="404" />
</LayoutView>
</NotFound>
</Router>
+ <AntContainer /> <-- add this component Finalmente, pode ser referenciado no componente .razor !
< Button Type = " @ButtonType.Primary " >Hello World!</ Button >Clique no botão abaixo para iniciar um novo espaço de trabalho para desenvolvimento gratuitamente.
Instale .NET CORE SDK 9.0.100 ou posterior.
Instale o Node.js (apenas para construir arquivos de estilo e arquivos de texto interoperável)
Clonar para o desenvolvimento local
$ git clone https://github.com/ant-design-blazor/ant-design-blazor.git
$ cd ant-design-blazor
$ npm install
$ dotnet build ./site/AntDesign.Docs.Build/AntDesign.Docs.Build.csproj
$ npm startVisite https: // localhost: 5001 no seu navegador suportado e verifique a documentação de desenvolvimento local para obter detalhes.
O Visual Studio 2022 é recomendado para o desenvolvimento.
Confira este problema para saber sobre nossos planos de desenvolvimento para a versão 1.0.
Você também pode encontrar as últimas notícias sobre os recursos que implementaremos no futuro com o estilo ANTD5.0.
Se você deseja contribuir, sinta -se à vontade para criar uma solicitação de tração ou nos dar um relatório de bug.
Este projeto é um projeto de código aberto licenciado pelo MIT. Para alcançar o desenvolvimento melhor e sustentável do projeto, esperamos ganhar mais apoiadores. Usaremos os recursos para operações e promoções da comunidade. Você pode nos apoiar de qualquer uma das seguintes maneiras:
Colocaremos os registros de doação detalhados na lista de apoiadores.
Se você encontrar algum problema no processo, sinta -se à vontade para pedir ajuda através dos seguintes canais. Também incentivamos usuários experientes a ajudar os recém -chegados.
Este projeto existe graças a todas as pessoas que contribuem.
Este projeto adotou o Código de Conduta definido pelo Pacto Colaborador para esclarecer o comportamento esperado em nossa comunidade. Para obter mais informações, consulte o Código de Conduta da Fundação .NET.
Este projeto é suportado pela fundação .NET.
