ColorPicker support global setting
This commit is contained in:
parent
8546804290
commit
737894dee2
2 changed files with 7 additions and 10 deletions
|
@ -5,18 +5,15 @@
|
||||||
<color-picker
|
<color-picker
|
||||||
v-model="color"
|
v-model="color"
|
||||||
placement="bottom-start"
|
placement="bottom-start"
|
||||||
size="large"
|
|
||||||
@on-change="c1"
|
@on-change="c1"
|
||||||
@on-active-change="c2"></color-picker>
|
@on-active-change="c2"></color-picker>
|
||||||
<Input value="hello" style="display: inline-block" />
|
<Input value="hello" style="display: inline-block" />
|
||||||
<Date-picker
|
<Date-picker
|
||||||
transfer
|
|
||||||
type="date"
|
type="date"
|
||||||
placeholder="选择日期"
|
placeholder="选择日期"
|
||||||
style="width: 200px"></Date-picker>
|
style="width: 200px"></Date-picker>
|
||||||
<color-picker
|
<color-picker
|
||||||
ref="xxx"
|
ref="xxx"
|
||||||
:transfer="true"
|
|
||||||
v-model="color"
|
v-model="color"
|
||||||
:recommend="true"
|
:recommend="true"
|
||||||
format="rgb"
|
format="rgb"
|
||||||
|
@ -32,17 +29,15 @@
|
||||||
<color-picker
|
<color-picker
|
||||||
v-model="color"
|
v-model="color"
|
||||||
placement="bottom-start"
|
placement="bottom-start"
|
||||||
size="small"></color-picker>
|
></color-picker>
|
||||||
<Date-picker
|
<Date-picker
|
||||||
type="date"
|
type="date"
|
||||||
placeholder="选择日期"
|
placeholder="选择日期"
|
||||||
size="small"
|
|
||||||
style="width: 200px"></Date-picker>
|
style="width: 200px"></Date-picker>
|
||||||
<color-picker
|
<color-picker
|
||||||
ref="yyy"
|
ref="yyy"
|
||||||
:colors="colors"
|
:colors="colors"
|
||||||
v-model="color"
|
v-model="color"
|
||||||
transfer
|
|
||||||
format="rgb"
|
format="rgb"
|
||||||
alpha></color-picker>
|
alpha></color-picker>
|
||||||
<Button @click="setColor">set color</Button>
|
<Button @click="setColor">set color</Button>
|
||||||
|
@ -57,7 +52,6 @@
|
||||||
v-model="color7"
|
v-model="color7"
|
||||||
:hue="false"
|
:hue="false"
|
||||||
:hide-drop-down="hideDropDown"
|
:hide-drop-down="hideDropDown"
|
||||||
transfer
|
|
||||||
@on-open-change="onOpenChange"></ColorPicker>
|
@on-open-change="onOpenChange"></ColorPicker>
|
||||||
|
|
||||||
<br><br><br><br>
|
<br><br><br><br>
|
||||||
|
|
|
@ -168,11 +168,12 @@ export default {
|
||||||
default: false,
|
default: false,
|
||||||
},
|
},
|
||||||
size: {
|
size: {
|
||||||
type: String,
|
|
||||||
validator(value) {
|
validator(value) {
|
||||||
return oneOf(value, ['small', 'large', 'default']);
|
return oneOf(value, ['small', 'large', 'default']);
|
||||||
},
|
},
|
||||||
default: 'default',
|
default () {
|
||||||
|
return this.$IVIEW.size === '' ? 'default' : this.$IVIEW.size;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
hideDropDown: {
|
hideDropDown: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
@ -200,7 +201,9 @@ export default {
|
||||||
},
|
},
|
||||||
transfer: {
|
transfer: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false,
|
default () {
|
||||||
|
return this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
name: {
|
name: {
|
||||||
type: String,
|
type: String,
|
||||||
|
|
Loading…
Add table
Reference in a new issue