fix

 /*
  * @Date: 2022-07-26 09:49:54
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-10 13:53:54
+ * @LastEditTime: 2024-10-11 11:29:08
  * @FilePath: /hager/src/common/mixin.js
  * @Description: 文件描述
  */
@@ -36,6 +36,11 @@ export default {
     methods: {
       handleResize() {
         this.screenWidth = $('.hagerBox').width(); // 更新屏幕宽度
+        if (this.screenWidth < 768) {
+          this.top_img_height = '30vh';
+        } else {
+          this.top_img_height = '35rem';
+        }
       },
     },
   },

 <!--
  * @Date: 2024-09-29 15:49:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-10 15:40:35
+ * @LastEditTime: 2024-10-11 13:36:28
  * @FilePath: /hager/src/views/solution/detail.vue
  * @Description: 文件描述
 -->
 <template>
   <div class="hager-solution-detail">
-    <el-image style="width: 100%; height: 35rem" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
+    <el-image :style="{width: '100%', height: top_img_height}" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
     <hager-box class="box-n">
       <el-row :gutter="0">
         <el-col :span="12" style="height: 25rem;">