|
|
@@ -184,23 +184,6 @@
|
|
|
{{ currentTitle }} ({{ currentIndex + 1 }}/{{ imgValuesArray.length }})
|
|
|
</template>
|
|
|
</van-image-preview>
|
|
|
- <!-- 浮雕 -->
|
|
|
- <div class="design-option">
|
|
|
- <div class="option-title">浮雕</div>
|
|
|
- <div class="option-grid stone-colors-grid" ref="outsideReliefRef" @mousedown="handleMouseDown"
|
|
|
- @mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
|
- <div v-for="(Relief, index) in outsideRelief" :key="index" class="option-item"
|
|
|
- :class="{ active: selectedReliefType === Relief.value }"
|
|
|
- @click="selectReliefType(Relief.value, 'outsideReliefRef', index)">
|
|
|
- <div class="railing-icon" :style="{ backgroundImage: `url(${imgBaseUrl}${Relief.imgPath})` }"></div>
|
|
|
- <div class="railing-name">{{ Relief.text }}</div>
|
|
|
- <div v-show="Relief.value != '无' && Relief.value != 'CUSTOM'" class="magnifyingGlassBox"
|
|
|
- @click.stop="openComponentPreview(index - 1, outsideRelief)">
|
|
|
- <img :src="require('@/assets/AIDesign/magnifyingGlassIcon.png')" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<!-- 浇筑栏杆 -->
|
|
|
<div class="design-option">
|
|
|
<div class="option-title">栏杆</div>
|
|
|
@@ -288,6 +271,23 @@
|
|
|
<img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 浮雕 -->
|
|
|
+ <div class="design-option">
|
|
|
+ <div class="option-title">浮雕</div>
|
|
|
+ <div class="option-grid stone-colors-grid" ref="outsideReliefRef" @mousedown="handleMouseDown"
|
|
|
+ @mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
|
+ <div v-for="(Relief, index) in outsideRelief" :key="index" class="option-item"
|
|
|
+ :class="{ active: selectedReliefType === Relief.value }"
|
|
|
+ @click="selectReliefType(Relief.value, 'outsideReliefRef', index)">
|
|
|
+ <div class="railing-icon" :style="{ backgroundImage: `url(${imgBaseUrl}${Relief.imgPath})` }"></div>
|
|
|
+ <div class="railing-name">{{ Relief.text }}</div>
|
|
|
+ <div v-show="Relief.value != '无' && Relief.value != 'CUSTOM'" class="magnifyingGlassBox"
|
|
|
+ @click.stop="openComponentPreview(index - 1, outsideRelief)">
|
|
|
+ <img :src="require('@/assets/AIDesign/magnifyingGlassIcon.png')" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</section>
|
|
|
<!-- 外墙平涂选项 -->
|
|
|
<section v-show="activeName === '外墙平涂'" class="radio-group-container1">
|