1.1.1 • Published 3 years ago
cj-ui-com v1.1.1
button按钮
- 组件名
cj-button
- 属性
参数名 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
type | 按钮类型(primary / success / warning / danger / info) | string | default |
plain | 是否是朴素按钮 | boolean | false |
round | 是否是圆角按钮 | boolean | false |
circle | 是否是圆形按钮 | boolean | false |
disabled | 是否禁用按钮 | boolean | false |
icon | 图标类名 | string | 无 |
- 事件
事件名 | 事件描述 |
---|---|
click | 点击事件 |
dialog对话框
- 组件名
cj-dialog
- 属性
参数名 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
title | 对话框标题 | string | 提示 |
width | 宽度 | string | 50% |
top | 与顶部的距离 | string | 15vh |
visible | 是否显示dialog(支持sync修饰符) | boolean | false |
- 事件
事件名 | 事件描述 |
---|---|
opened | 模态框显示的事件 |
closed | 模态框关闭的事件 |
- 插槽
插槽名称 | 插槽描述 |
---|---|
default | dialog的内容 |
title | dialog的标题 |
footer | dialog的底部操作区 |
input组件
- 组件名称
cj-input
- 属性
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
placeholder | 占位符 | string | 无 |
type | 文本框类型(text/password) | string | text |
disabled | 禁用 | boolean | false |
clearable | 是否显示清空按钮 | boolean | false |
show-password | 是否显示密码切换按钮 | boolean | false |
name | name属性 | string | 无 |
- 事件
事件名称 | 事件描述 |
---|---|
blur | 失去焦点事件 |
change | 内容改变事件 |
focus | 获取的焦点事件 |
switch组件
- 组件名称
cj-switch
- 属性
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
v-model | 双向绑定 | 布尔类型 | false |
name | name属性 | string | text |
activeColor | 自定义的激活的颜色 | string | |
inactiveColor | 自定义的不激活的颜色 | string |
- 事件
事件名称 | 事件描述 |
---|---|
change | change时触发的事件 |
radio单选按钮组件
- 组件名称
cj-radio
- 属性
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
v-model | 双向绑定 | 布尔类型 | false |
label | 单选框的value值 | string,num,boolean | '' |
name | name属性 | string | “” |
redioGroup组件
- 组件名称
cj-redioGroup
- 属性
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
v-model | 双向绑定 | 基本数据类型 | 空 |
- 插槽
插槽名称 | 插槽描述 |
---|---|
default | redio的内容 |
checkbox复选框组件
- 组件名称
cj-checkbox
- 属性
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
v-model | 双向绑定 | 布尔类型 | false |
label | 单选框的value值 | string,num,boolean | '' |
name | name属性 | string | “” |
- 插槽
插槽名称 | 插槽描述 |
---|---|
default | checkbox的内容 |
chekboxgroup组件
- 组件名
cj-checkboxGroup
- 属性
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
v-model | 双向绑定 | 数组类型 | 空 |
- 插槽
插槽名称 | 插槽描述 |
---|---|
default | chekbox的内容 |