<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*|