drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update ColorPicker

Browse source
This commit is contained in:
梁灏 2017-08-21 16:28:04 +08:00
parent 7863e90792
commit 8dab987ec7
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
examples/routers/color-picker.vue
View file

@ -2,7 +2,7 @@
<div style="margin: 100px;">
{{ color }}
<!--<Input placeholder="请输入..." size="large" style="width: 50px;"></Input>-->
<color-picker v-model="color" placement="bottom-start" size="large"></color-picker>
<color-picker @on-change="c1" @on-active-change="c2" v-model="color" placement="bottom-start" size="large"></color-picker>
<Date-picker transfer type="date" placeholder="选择日期" style="width: 200px"></Date-picker>
<color-picker :transfer="true" ref="xxx" v-model="color" format="rgb" alpha :recommend="true"></color-picker>
<color-picker v-model="color2" format="hsv" :alpha="true" :recommend="false"></color-picker>
@ -25,6 +25,12 @@
methods: {
setColor () {
this.color = '#26bc77';
},
c1 (d) {
console.log(d);
},
c2 (d) {
console.log(d);
}
}
};

2
src/components/color-picker/color-picker.vue
View file

@ -215,6 +215,7 @@
},
set (newVal) {
this.val = newVal;
this.$emit('on-active-change', this.formatColor);
}
},
classes () {
@ -347,6 +348,7 @@
},
handleClear () {
this.$emit('input', '');
this.$emit('on-change', '');
this.handleClose();
},
handleSelectColor (color) {