[+] Implement set palette
This commit is contained in:
@@ -7,9 +7,9 @@
|
|||||||
<ColorPicker id="picker" :isWidget="true" pickerType="chrome" v-model:pureColor="colorModel"
|
<ColorPicker id="picker" :isWidget="true" pickerType="chrome" v-model:pureColor="colorModel"
|
||||||
:disableHistory="true" @pureColorChange="change" format="hex"/>
|
:disableHistory="true" @pureColorChange="change" format="hex"/>
|
||||||
<div id="palette">
|
<div id="palette">
|
||||||
<div class="row" v-for="p of palette" :key="p">
|
<div class="row" v-for="(p, i) of palette" :key="i">
|
||||||
<div class="color" v-for="c in p" :key="c"
|
<div class="color" v-for="(c, j) in p" :key="j" :style="{'background-color': c ? c : '#333'}"
|
||||||
:style="{'background-color': c ? c : '#333'}"/>
|
@click="setPalette(i, j)"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -45,6 +45,11 @@ export default class MyColorPicker extends Vue
|
|||||||
this.$emit('update:color', c)
|
this.$emit('update:color', c)
|
||||||
this.$emit('updateColor', c)
|
this.$emit('updateColor', c)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
setPalette(i: number, j: number): void
|
||||||
|
{
|
||||||
|
this.palette[i][j] = this.colorModel
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user