### 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 触发事件 |