0.1.6 • Published 4 years ago
kaz-ui v0.1.6
kaz-ui
引入组件
npm install kaz-ui- 使用组件
- 在 main.js 中使用
导入组件库
import kazUI from 'kaz-ui' - 导入 css
import 'kaz-button/lib/kaz-ui.css' - 注册组件库
Vue.use(kazUI)
- 在 main.js 中使用
导入组件库
- 在想使用的页面使用
<kaz-button type="info" plain round icon="el-icon-check">新按钮</kaz-button>Button
属性 Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 尺寸 | string | medium / small / mini | — |
| type | 类型 | string | primary / success / warning / danger / info / text | — |
| plain | 是否朴素按钮 | boolean | — | false |
| round | 是否圆角按钮 | boolean | — | false |
| circle | 是否圆形按钮 | boolean | — | false |
| loading | 是否加载中状态 | boolean | — | false |
| disabled | 是否禁用状态 | boolean | — | false |
| icon | 图标类名 | string | — | — |
| autofocus | 是否默认聚焦 | boolean | — | false |
| native-type | 原生type属性 | string | button / submit / reset | button |