### Button按鈕 **使用方式：** 在`script`中引用組件 ~~~ import tsButton from "./components/teaset/components/ts-button/ts-button.vue"; export default { components: {tsButton} } ~~~ 在`template`中使用組件 ``` <view class="ts-column"> <view class="ts-column"> <ts-button type="primary">確認</ts-button> <ts-button type="success">確認</ts-button> <ts-button type="warning">確認</ts-button> <ts-button type="error">確認</ts-button> </view> <view class="ts-row"> <ts-button type="primary" :inverted="true">確認</ts-button> <ts-button type="success" :inverted="true">確認</ts-button> <ts-button type="warning" :inverted="true">確認</ts-button> <ts-button type="error" :inverted="true">確認</ts-button> </view> </view> ``` **Button 屬性說明：** | 屬性名 | 類型 | 默認值 | 說明 | | --- | --- | --- | --- | | type | String | default | 顏色類型，可選值：default（灰色）、primary（藍色）、success（綠色）、warning(黃色)、error(紅色) | | inverted | Boolean | false | 是否無需背景顏色，為 true 時，背景顏色將變為文字的字體顏色 | | disabled| Boolean | false | 是否禁止狀態，為 true 時，改按鈕不能點擊 | | @click | EventHandle | \- | 點擊 Badge 觸發事件 |