| title | Button 按钮 |
|---|---|
| preview | https://didi.github.io/mand-mobile/examples/#/button |
按钮组件,可配置多种不同的按钮样式
import { Button } from 'mand-mobile'
Vue.component(Button.name, Button)| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| type | 类型 | String | default |
default/primary/warning/disabled/link |
| size | 尺寸 | String | large |
large/small |
| plain | 朴素 | Boolean | false |
- |
| round | 圆角 | Boolean | false |
- |
| inline | 行内 | Boolean | false |
- |
| icon | 图标 | String | - | 可选值请参考组件Icon |
| inactive | 未激活 | Boolean | false |
inactive设为true和disabled类型的按钮都无法点击,前者一般用于表单校验无效等主观因素,后者用于无权限或无库存等客观因素 |
按钮点击事件