Add wall color picker demo
parent
3542cd46a8
commit
22e4d68c87
Binary file not shown.
After Width: | Height: | Size: 227 KiB |
|
@ -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: {
|
||||
|
|
Loading…
Reference in New Issue