[+] Implement set palette

This commit is contained in:
Hykilpikonna
2021-12-10 23:29:48 -05:00
parent 312a520066
commit 116cbc686a
+8 -3
View File
@@ -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>