Add wall color picker demo

pull/2529/head
Cagatay Civici 2022-05-09 09:31:01 +03:00
parent 3542cd46a8
commit 22e4d68c87
2 changed files with 19 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

View File

@ -16,6 +16,16 @@
<h5>Overlay</h5>
<ColorPicker v-model="color2" />
</div>
<div class="card">
<h5>Wall Color</h5>
<div class="flex flex-column align-items-center md:flex-row md:align-items-start">
<ColorPicker v-model="color3" :inline="true" />
<div :style="wallStyle" class="mt-5 md:mt-0 md:ml-5 inline-flex">
<img alt="room" src="demo/images/interior.png" class="w-full md:auto">
</div>
</div>
</div>
</div>
<ColorPickerDoc />
@ -29,7 +39,15 @@ export default {
data() {
return {
color1: null,
color2: '1976D2'
color2: '1976D2',
color3: '474747'
}
},
computed: {
wallStyle() {
return {
backgroundColor: '#' + this.color3
}
}
},
components: {