|
|
@@ -107,10 +107,10 @@
|
|
|
|
|
|
<div class="option-grid stone-colors-grid" ref="designsRef" @mousedown="handleMouseDown"
|
|
|
@mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
|
- <div v-for="(color, index) in designStyles" :key="index" class="option-item"
|
|
|
- :class="{ active: DesignStyle === color.value }" @click="selectColor(color.value, 'designsRef', index)">
|
|
|
- <img :src="imgBaseUrl + color.imgPath" alt="" class="style-image" />
|
|
|
- <div class="split-name">{{ color.text }}</div>
|
|
|
+ <div v-for="(style, index) in designStyles" :key="index" class="option-item"
|
|
|
+ :class="{ active: DesignStyle === style.value }" @click="selectStyle(style.value, 'designsRef', index)">
|
|
|
+ <img :src="imgBaseUrl + style.imgPath" alt="" class="style-image" />
|
|
|
+ <div class="split-name">{{ style.text }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="rightArrows">
|