blazor matblazor 前端ui框架使用

參考地址：Blazor入門基礎視頻合集_嗶哩嗶哩_bilibili

參考地址：MatBlazor: Material Design components for Blazor and Razor Components (gitee.com)

1.安裝

2.使用

 

一 安裝

Install-Package MatBlazor

二 使用

1.引入樣式

<script src="_content/MatBlazor/dist/matBlazor.js"></script> <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />


2.使用ui控件

<MatButton OnClick="@Click">Text @ButtonState</MatButton>
<MatButton Raised="true">Raised</MatButton>
<MatButton Unelevated="true">Unelevated</MatButton>
<MatButton Outlined="true">Outlined</MatButton>
<MatButton Dense="true">Dense</MatButton> 

@code
{
  string ButtonState = "";
  void Click(UIMouseEventArgs e)
  {
    ButtonState = "Clicked";
  }
}