# SWXButton
>按钮组件

### 引入

```js
import { SWXButton } from '@sweetui/sweet-weex-ui'
```
由于`weex`不支持 `Vue.components`，在.vue中注册
```js
  export default {
    components: {
      SWXButton,
    },
  }
```
### 使用

```vue
  <SWXButton @onClick="doClick">登 陆</SWXButton>
```

### Props
| 参数          | 说明            | 类型            | 可选值                 | 默认值   |
|-------------  |---------------- |---------------- |---------------------- |-------- |
| width         | 宽度		  | Number  | - | 324 |
| height         | 高度		  | Number  | - | 96 |
| delay        | onClick事件是否延迟动画效果之后执行		  | Boolean  | true/false | true |
| disabled        | 是否禁用		  | Boolean  | true/false | false |
| color        | 文本/线条颜色值		  | String  | 参考weex通用样式 | #F54359 |
| disableColor     | 禁用时文本/线条颜色值		  | String  | 参考weex通用样式 | #7f7f7f |
| btnStyle       | 按钮行内样式		  | Object | - | - |
| disabledBtnStyle   | 禁止时按钮行内样式		  | Object | - | - |
| textStyle         | 按钮文本行内样式		  | Object  | - | - |
| disabledTextStyle  | 禁止时按钮文本行内样式	  | Object  | - | - |

<strong>注: 行内样式里的颜色值会覆盖`color`、`disableColor`</strong>

### Events
| 事件名称          | 说明            | 参数值 |
|-------------  |---------------- | ---- |
|onClick	  | 点击事件 | event对象  |