外墙设计-设计风格，字体显示优化

src/views/AIDesign/design.vue

@@ -103,16 +103,29 @@
               </template>
             </van-popover>
           </div>
-          <div class="option-grid stone-colors-grid" ref="designsRef">
-            <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="style-name">{{ style.text }}</div>
-            </div>
-            <div class="rightArrows">
-              <img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
+
+          <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>
           </div>
+          <div class="rightArrows">
+            <img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
+          </div>
+
+          <!--<div class="option-grid stone-colors-grid" ref="designsRef">-->
+            <!--<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="style-name">{{ style.text }}</div>-->
+            <!--</div>-->
+            <!--<div class="rightArrows">-->
+              <!--<img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />-->
+            <!--</div>-->
+          <!--</div>-->
         </div>
 
         <!-- 仿石漆电子色卡 -->