0.1.0 • Published 3 years ago
yy-ui2
yarn add yy-ui2
import YyUI from 'yy-ui2'
import 'yy-ui2/lib/yy-ui2.css'
组件
按钮(Button)
| 属性 | 值 | 描述 |
|---|
| type | String | 按钮类型：primary,info,success,warning,danger |
| plain | Boolean | 是否为朴素按钮，默认 false |
| mimicry | Boolean | 是否为拟态按钮，和 plain 不能同时设置，会被 plain 覆盖。默认 false |
| disabled | Boolean | 是否禁用按钮，默认 false |
| round | Boolean | 是否为圆角按钮，默认 false |
| circle | Boolean | 是否为圆形按钮，默认false |
| icon | String | 字体图标，默认为 '' |
对话框(Dialog)
| 属性 | 值 | 描述 |
|---|
| title | String | 对话框头部提示，默认为"提示" |
| visible | Boolean | 对话框可见状态，默认为 false |
| width | String | 对话框宽度，默认为 50% |
| top | String | 对话框距离顶部位置，默认为 15vh |
| 插槽 | 描述 |
|---|
| title | Dialog 标题区的内容 |
| footer | Dialog 按钮操作区的内容 |
| body | Dialog内容区 |
输入框(Input)
| 属性 | 值 | 描述 |
|---|
| type | String | 表单类型，默认为'text' |
| name | String | 表单命名，默认为空 |
| value | String | 表单值，默认为空字符串 |
| placeholder | String | 占位符，默认为空字符串 |
| disabled | Boolean | 是否禁用，默认为 false |
| clearable | Boolean | 是否可清空，默认为 false |
| showPassword | Boolean | 是否显示密码可见，默认为 false |
切换(Switch)
| 属性 | 值 | 描述 |
|---|
| v-model | Boolean | 默认false |
| name | String | 表单命名，默认为空 |
| value | String | 表单值，默认为空字符串 |
| disabled | Boolean | 是否禁用，默认为 false |
| activeColor | String | 激活状态颜色，默认为#409eff |
| inactiveColor | String | 未激化状态颜色，默认为#dcdfe6 |
单选框(Radio)
| 属性 | 值 | 描述 |
|---|
| label | String, Number, Boolean | 单选框 label 值，默认为空字符串 |
| name | String | 表单命名，默认为空 |
| value | String | 表单值，默认为空字符串 |
| color | String | 单选框选择时的颜色，默认为#409eff |
单选框组(RadioGroup)
用于包裹 radio，通过 v-model 指定组内所有的 radio 的 v-model
复选框(Checkbox)
| 属性 | 值 | 描述 |
|---|
| label | String, Number, Boolean | 单选框 label 值，默认为空字符串 |
| name | String | 表单命名，默认为空 |
| value | String | 表单值，默认为空字符串 |
| color | String | 单选框选择时的颜色，默认为#409eff |
复选框组(CheckboxGroup)
用于包裹多个 checkbox，通过 v-model 指定组内所有的 checkout 的 v-model
表单项(Form-item)
| 属性 | 值 | 描述 |
|---|
| label | String | 单选框 label 值，默认为空字符串 |
表单(Form)
| 属性 | 值 | 描述 |
|---|
| model | Object | 表单对象，必填 |
| label-width | String | 标签宽度，默认"80px" |