1.1.4 • Published 4 years ago
person-component-set
install
npm install jun-component-list -S
组件列表
modal 弹窗组件
switch 开关组件
用法说明
modal 弹框
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|
| type | 类型 | String | 'modal1' |
| modalShow | 显示与否 | Boolean | false |
| position | 上间距 | Object | {'top': 0} |
| closeShow | 关闭按钮显示与否 | Boolean | true |
| disable | 禁止关闭 | Boolean | false |
type 类型
| 类型 | 说明 |
|---|
| modal1 | 完全自定义对话框 |
| modal3 | 右侧拉显示对话框 |
| modal4 | 自定义tag提示(无遮罩) |
| modal5 | 底部弹窗 |
| modal6 | 自定义tag提示 |
其他
若要自定义modal1尺寸，应该修改<modal></modal>里的标签样式，比如：
2.switch开关组件
Switch 开关
概述
在两种状态间切换时用到的开关选择器。
API
Switch props
| 属性 | 说明 | 类型 | 默认值 |
|---|
| value | 指定当前是否选中，可以使用 v-model 双向绑定数据 | Boolean | false |
| disabled | 禁用开关 | Boolean | false |
| true-value | 选中时的值，当使用类似 1 和 0 来判断是否选中时会很有用 | String, Number, Boolean | true |
| false-value | 没有选中时的值，当使用类似 1 和 0 来判断是否选中时会很有用 | String, Number, Boolean | false |
Switch events
| 事件名 | 说明 | 返回值 |
|---|
| on-change | 开关变化时触发，返回当前的状态 | true | false |
issuse
1125911451@qq.com