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