首页 > 其他 > 详细

blazor matblazor 前端ui框架使用

时间:2021-06-05 18:34:21      阅读:98      评论:0      收藏:0      [点我收藏+]

参考地址: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";
  }
}

技术分享图片

 

 技术分享图片

 

blazor matblazor 前端ui框架使用

原文:https://www.cnblogs.com/ligenyun/p/14852622.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!