Button 按钮

常用的操作按钮。

基础用法

基础的按钮用法。

Demo

不同风格

通过设置 ButtonStyle 来显示不同的按钮风格

Demo

Outline 按钮

通过设置 IsOutline="true" 设置按钮边框颜色样式。

Demo

不同尺寸

Button 组件提供除了默认值以外的多种尺寸,通过设置 Size 属性可以在不同场景下选择合适的按钮尺寸。

Demo

禁用状态

按钮不可用状态。通过设置 IsDisabled 属性

Demo

通过 OnClick 回调方法中设置自身 IsDisabled 属性,或者调用组件实例方法 SetDisable 均可实现按钮禁用效果

由于使用 IsDisabled 属性时,需要显式手动调用 StateHasChanged 方法,会导致按钮所在组件整体刷新,建议使用实例方法 SetDisable 仅对按钮进行刷新

性能比较:

  • 使用 IsDisabled 属性设置时本页面传输量为 4.8K
  • 使用 SetDisable 方法设置时本页面传输量为 280B

按钮组

由多个按钮组成一个组合按钮

Demo

带图标的按钮

通过设置 Icon 属性对按钮图标进行设置,图标为字体字符串如使用 font-awesome 图标时 fa fa-fa

Demo

二次封装按钮

通过设置 WinButton 组件的 Text 属性对按钮显示文字进行设置,点击按钮是右侧显示被点击按钮的文字

Demo

Attributes 属性

Loading...

事件 Events

Loading...

方法 Methods

Loading...
An error has occurred. This application may no longer respond until reloaded. Reload