ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
<br /> ## 按钮类型 type 属性支持`primary` `info` `danger` `default`四种类型,默认为 primary ``` <hd-button type="primary">primary颜色按钮</hd-button> <hd-button type="info">info颜色按钮</hd-button> <hd-button type="danger">danger颜色按钮</hd-button> <hd-button type="default">default颜色按钮</hd-button> ``` <br /> ## 按钮尺寸 size size属性支持`large` `small` `mini`四种尺寸,默认为 normal ``` <hd-button size="large">large尺寸按钮</hd-button> <hd-button size="small">small尺寸按钮</hd-button> <hd-button size="mini">mini尺寸按钮</hd-button> ``` <br /> ## 加载状态按钮 loading loadingText 按钮支持`loading`加载状态,默认为 false。并且支持加载时显示的文本,默认为空字符串。 ``` <hd-button loading loadingText="加载中"></hd-button> ``` <br /> ## 禁用状态按钮 按钮支持`disabled`禁用状态,默认为 false。 ``` <hd-button disabled>disabled禁用状态按钮</hd-button> ``` <br /> ## 圆角状态按钮 按钮支持`round`圆角状态,默认为 false。 ``` <hd-button round>round圆角状态按钮</hd-button> ``` <br /> ## 朴素状态按钮 按钮支持`plain`朴素状态,默认为 false。 ``` <hd-button plain>plain朴素状态按钮</hd-button> ``` <br /> ## 块级状态按钮 按钮支持`block`块级状态,默认为 false。 ``` <hd-button block>块级状态按钮</hd-button> ``` <br /> ### props |属性名|说明|类型|默认参数| | --- | --- | --- | --- | |type|按钮类型可选值为`primary` `info` `danger` `default`|String|`primary`| |size|尺寸,可选值为`large` `small` `mini`|String|`normal`| |loading|是否显示为加载状态|Boolean|`false`| |loadingText|加载状态下显示的文本|String|`-`| |disabled|是否为禁用状态|Boolean|`false`| |round|是否为圆形按钮|Boolean|`false`| |plain|是否为朴素按钮|Boolean|`false`| |block|是否为块级按钮|Boolean|`false`| <br /> ### Events |事件名|说明|回调参数| | --- | --- | --- | |click|点击按钮,且按钮状态不为加载或禁用时触发|*event: Event*|