按钮用于开始一个即时操作。
标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。
按钮有四种类型:主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。
其中 [nzType]="'default'"可以简化为 nzType="default",之后不再赘述。
按钮有大、中、小三种尺寸。
通过设置 nzSize 为 large small 分别把按钮设为大、小尺寸。若不设置 nzSize,则尺寸为中。
添加 loading 属性即可让按钮处于加载状态,最后两个按钮演示点击后进入加载状态。
可以将多个 nz-button 放入 nz-button-group 的容器中。
当需要在 button 内嵌入 icon 时,请直接在 button 内使用icon
添加 disabled 属性即可让按钮处于不可用状态,同时按钮样式也会改变。
按钮组合使用时,推荐使用1个主操作 + n 个次操作,3个以上操作时把更多操作放到 nz-dropdown button 中组合使用。
幽灵按钮将其他按钮的内容反色,背景变为透明,常用在有色背景上。
通过设置 button 的属性来产生不同的按钮样式,推荐顺序为:type ->
shape ->size ->loading ->disabled
按钮的属性说明如下:
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| nzType | 设置按钮类型,可选值为 primary dashed danger default |
String | - |
| nzShape | 设置按钮形状,可选值为 circle 或者不设
|
String | - |
| nzSize | 设置按钮大小,可选值为 small large 或者不设
|
String | default |
| nzGhost | 设置幽灵按钮 | Boolean | false |
| nzLoading | 设置按钮载入状态 | Boolean | false |