跳到主要内容

Button按钮

  • 用于开始一个即时操作,标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。

技术方案

  1. 文本按钮:

文本按钮只需要通过设置样式表达到预期效果,按钮的背景颜色以及文字颜色都支持可配置

  1. 图标按钮:

通过配置Icon以及按钮本身的样式表达到预期效果

  1. 图标文本混合按钮:

通过配置Icon并且设置文本达到预期效果

样式表详解

文本按钮

图标按钮

文本图标混合按钮

接口设计

返回类型函数名称参数说明
voidsetButtonIconQImage传入图像设置按钮的图标
voidsetButtonSize'small' | 'middle' | 'large'设置按钮的大小, 默认为 'middle'
voidsetButtonType'primary' | 'default' | 'dashed' | 'danger' | 'warning' | 'text' | 'hollow' |'success'设置按钮类型,默认为 'default'
voidsetButtonTextQString设置按钮文本,默认为 '应用'