按钮用于开始一个即时操作。
标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。
按钮有四种类型:主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。
其中 [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 |