@wanghonggan/uv-ui
Version:
uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用，利剑出击。
86 lines (85 loc) • 1.69 kB
JavaScript
import { getPropsByKey } from "../../libs/config/config";
export default {
props: {
// 绑定的值
value: {
type: Array,
default: () => []
},
modelValue: {
type: Array,
default: () => []
},
// 标识符
name: {
type: String,
default: ''
},
// 形状，circle-圆形，square-方形
shape: {
type: String,
default: 'square'
},
// 是否禁用全部checkbox
disabled: {
type: Boolean,
default: false
},
// 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
activeColor: {
type: String,
default: '#2979ff'
},
// 未选中的颜色
inactiveColor: {
type: String,
default: '#c8c9cc'
},
// 整个组件的尺寸，默认px
size: {
type: [String, Number],
default: 18
},
// 布局方式，row-横向，column-纵向
placement: {
type: String,
default: 'row'
},
// label的字体大小，px单位
labelSize: {
type: [String, Number],
default: 14
},
// label的字体颜色
labelColor: {
type: [String],
default: '#303133'
},
// 是否禁止点击文本操作
labelDisabled: {
type: Boolean,
default: false
},
// 图标颜色
iconColor: {
type: String,
default: '#fff'
},
// 图标的大小，单位px
iconSize: {
type: [String, Number],
default: 12
},
// 勾选图标的对齐方式，left-左边，right-右边
iconPlacement: {
type: String,
default: 'left'
},
// 竖向配列时，是否显示下划线
borderBottom: {
type: Boolean,
default: false
},
...getPropsByKey('checkboxGroup')
}
}