cj-ui-com
v1.1.1
Published
* 组件名
Readme
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的内容 |
