| | |
| | | }, |
| | | emits: ['update:modelValue'], |
| | | data() { |
| | | return { |
| | | checkbox: [checkboxOptions(TYPE0)[0].value] |
| | | }; |
| | | return {}; |
| | | }, |
| | | computed: { |
| | | options() { |
| | |
| | | const e = array[i]; |
| | | res.push(e.value); |
| | | } |
| | | this.$emit('update:modelValue', res); |
| | | this.handleChange(res); |
| | | } |
| | | } |
| | | }, |
| | |
| | | <style scoped> |
| | | .el-checkbox { |
| | | --el-checkbox-text-color: white; |
| | | --main-color: #23dad1; |
| | | --el-checkbox-checked-text-color: var(--main-color); |
| | | --el-checkbox-checked-input-border-color: var(--main-color); |
| | | --el-checkbox-checked-bg-color: var(--main-color); |
| | | --el-checkbox-input-border-color-hover: var(--main-color); |
| | | |
| | | --el-checkbox-disabled-checked-input-fill: var(--main-color); |
| | | --el-checkbox-disabled-checked-input-border-color: var(--main-color); |
| | | --el-checkbox-disabled-checked-icon-color: white; |
| | | margin-right: 6px; |
| | | /* height: initial; */ |
| | | } |
| | | |
| | | .el-checkbox__input.is-disabled + span.el-checkbox__label { |
| | | color: var(--el-color-primary); |
| | | } |
| | | |
| | | .vertical-class { |
| | | display: flex; |
| | | flex-direction: column; |