ant design blazor
1.0.1
Un rico conjunto de componentes de UI de clase empresarial basadas en el diseño de hormigas y el blazor.
Inglés | 简体中文
WebAssembly alojamiento estático en:
Debido a la restricción de WebAsmbly, Blazor WebAssembly no es compatible con el navegador IE, pero Blazor Server admite IE 11 † con polyfills adicionales. Ver documentación oficial.
De .NET 5, IE 11 ya no es compatible oficialmente. Ver Blazor: soporte actualizado del navegador. Blazor.PolyFill Community Project proporciona apoyo no oficial.
Liberar:
Nocturno:
Descargue nuestras últimas compilaciones nocturnas
Sincronice regularmente con las especificaciones oficiales de diseño de hormigas, puede verificar los registros de sincronización en línea.
Por lo tanto, puede usar los estilos de diseño de hormigas personalizados directamente.
Antes de la liberación de 1.0, solo sincronizaremos estilos Antd 4.x.
Hemos proporcionado la dotnet new para crear un proyecto de Boilerplate fuera de la caja:
Instale la plantilla
$ dotnet new --install AntDesign.TemplatesCrea el proyecto Boilerplate con la plantilla
$ dotnet new antdesign -o MyAntDesignAppOpciones para la plantilla:
| Opción | Descripción | Tipo | Por defecto |
|---|---|---|---|
-f | --full | Si se especifica, genera todas las páginas de Ant Design Pro | bool | FALSO |
-ho | --host | Especificar el modelo de alojamiento | 'WebApp' | 'Wasm' | 'servidor' | 'WebApp' |
--styles | Si usa NodeJ y menos para compilar sus temas personalizados. | css | less | css |
--no-restore | Si se especifica, omita la restauración automática del proyecto en Crear | bool | FALSO |
Vaya a la carpeta del proyecto de la aplicación e instale la referencia del paquete Nuget
$ dotnet add package AntDesign Registre los servicios en Program.cs
builder . Services . AddAntDesign ( ) ; o Startup.cs
services . AddAntDesign ( ) ; Agregar espacio de nombres en _Imports.razor
@using AntDesignIntroducir archivos CSS y JS en lugares apropiados. El proyecto WebApp se introdujo en App.Razor, y el proyecto WebAssembly se introdujo en index.html
< link href =" _content/AntDesign/css/ant-design-blazor.css " rel =" stylesheet " >
< script src =" _content/AntDesign/js/ant-design-blazor.js " > </ script > Para mostrar dinámicamente el componente emergente, debe agregar el componente <AntContainer /> en App.razor .
<Routes /> para interactividad. <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, se puede hacer referencia en el componente .razor !
< Button Type = " @ButtonType.Primary " >Hello World!</ Button >Haga clic en el botón a continuación para iniciar un nuevo espacio de trabajo para el desarrollo de forma gratuita.
Instale .NET Core SDK 9.0.100 o posterior.
Instalar Node.js (solo para construir archivos de estilo y archivos de tipos de mecanografiado interoperables)
Clon al desarrollo 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 en su navegador compatible y consulte la documentación de desarrollo local para obtener más información.
Visual Studio 2022 se recomienda para el desarrollo.
Echa un vistazo a este tema para conocer nuestros planes de desarrollo para el lanzamiento 1.0.
También puede encontrar las últimas noticias sobre las características que implementaremos en el futuro con el estilo Antd5.0.
Si desea contribuir, no dude en crear una solicitud de extracción o darnos un informe de error.
Este proyecto es un proyecto de código abierto licenciado por el MIT. Para lograr un desarrollo mejor y sostenible del proyecto, esperamos ganar más patrocinadores. Utilizaremos los ingresos para las operaciones y la promoción de la comunidad. Puede apoyarnos en cualquiera de las siguientes maneras:
Pondremos los registros de donación detallados en la lista de patrocinadores.
Si encuentra algún problema en el proceso, no dude en solicitar ayuda a través de los siguientes canales. También alentamos a los usuarios experimentados a ayudar a los recién llegados.
Este proyecto existe gracias a todas las personas que contribuyen.
Este proyecto ha adoptado el Código de Conducta definido por el Pacto de contribuyente para aclarar el comportamiento esperado en nuestra comunidad. Para obtener más información, consulte el Código de Conducta de la Fundación .NET.
Este proyecto es compatible con la Fundación .NET.
