fix 解决方案配电图片显示优化

 <!--
  * @Date: 2024-09-29 10:07:11
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 11:38:03
+ * @LastEditTime: 2025-01-03 13:53:35
  * @FilePath: /hager/src/components/common/hagerH1.vue
  * @Description: 文件描述
 -->
@@ -20,11 +20,11 @@ export default {
   props: {
     title: {
       type: String,
-      default: '标题'
+      default: ''
     },
     sub: {
       type: String,
-      default: '副标题'
+      default: ''
     },
     width: {
       type: Number,

 <!--
  * @Date: 2024-09-29 15:49:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-01-03 10:05:48
+ * @LastEditTime: 2025-01-03 13:45:03
  * @FilePath: /hager/src/views/solution/detail.vue
  * @Description: 文件描述
 -->
@@ -24,7 +24,7 @@
     <hager-box v-if="!is_xs" class="box-n">
       <hager-h1 title="典型配电系统图" sub="Typical Electrical Distribution System" style="margin: 2rem 0;"></hager-h1>
       <div style="display: flex; justify-content:space-between; align-items: center;">
-        <div @click="onClickImg(item.value)" v-for="(item, index) in case_img" :key="index" class="carousel-img-test" :style="{backgroundImage: 'url(' + item.value + ')'}"></div>
+        <div @click="onClickImg(item.value)" v-for="(item, index) in case_img" :key="index" class="carousel-img-test" :style="{backgroundImage: 'url(' + item.thumbnail + ')'}"></div>
       </div>
     </hager-box>
     <div v-else>
@@ -32,7 +32,7 @@
       <div style="height: 25rem; margin-top: 2rem;">
         <el-carousel height="25rem" :interval="8000" style="border-radius: 5px;">
           <el-carousel-item v-for="(item, index) in case_img" :key="index" class="carousel-img">
-            <el-image @click="onClickImg(item.value)" style="width: 100%; height: 100%;" fit="contain" :src="item.value"></el-image>
+            <el-image @click="onClickImg(item.value)" style="width: 100%; height: 100%;" fit="contain" :src="item.thumbnail"></el-image>
           </el-carousel-item>
         </el-carousel>
       </div>
@@ -215,6 +215,9 @@ export default {
         this.success_data_list = this.case_list[this.current_index].list ?? [];
         // this.category_description = this.case_list[this.current_index].category_description ?? '';
         this.case_img = this.case_list[this.current_index].file?.img ? this.case_list[this.current_index].file?.img : ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'];
+        this.case_img.forEach(item => {
+          item.thumbnail = item.value + '?imageView2/1/w/1370/h/850/q/75';
+        })
         this.product_list = this.case_list[this.current_index].product ?? [];
       }
       this.$nextTick(() => {