BulmaRazor Component

Набор облегчённых библиотек компонентов на основе Bulma и Blazor.

English | 中文

Features (только для ознакомления)

• Облегчённый пользовательский интерфейс, разработанный для веб-приложений.
• Набор высококачественных компонентов Blazor из коробки.
• Поддерживает взаимодействие клиентских событий пользовательского интерфейса на основе WebAssembly и серверных событий на основе SignalR.
• Поддержка прогрессивных веб-приложений (PWA).
• Построен на C#, мультипарадигмальном статическом языке для эффективного процесса разработки.
• Основан на .NET5 с прямой ссылкой на богатую экосистему .NET.
• Беспроблемная интеграция с существующими проектами ASP.NET Core MVC и Razor Pages.

Руководство по установке

Установите ссылку на пакет Nuget

Install-Package BulmaRazor

Использование

• Добавьте сервис BulmaRazor:

  services.AddBulmaRazor();
• Добавьте стили и скрипты в _Host.cshtml или index.html:

  <!--bulma.min.css можно заменить на собственный css bulma-->
  <link href="_content/BulmaRazor/bulma.min.css" rel="stylesheet"/>
  <link href="_content/BulmaRazor/bulmarazor.min.css" rel="stylesheet" />
  <script src="_content/BulmaRazor/bulmarazor.min.js"></script>
• Импортируйте пространство имён в _Imports.razor:

  @using BulmaRazor.Components
• Начните работу:

  <Button Color="Color.Primary">Click</Button>

Демо

Скриншоты

Соглашение

Вклад

1. Форк.
2. Создайте ветку Feat_xxx.
3. Зафиксируйте изменения.
4. Создайте запрос на вытягивание.

Пожертвования

Если этот проект вам полезен, отсканируйте QR-код ниже, чтобы получить чашку кофе.

Ресурсы

• Bulma
• Blazor

Ссылки

• foundation-datepicker
• jscolor
• bulma-checkradio
• bulma-collapsible
• bulma-badge
• bulma-divider
• bulma-pageloader bulma-quickview bulma-carousel bulma-ribbon bulma-switch bulma-timeline bulma-slider bulma-tooltip bulma-o-steps bulma-tagsinput