产品页面banner样式调整

 <!--
  * @Date: 2024-09-27 16:53:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-11 09:28:03
+ * @LastEditTime: 2024-11-11 13:11:45
  * @FilePath: /hager/src/views/product/index.vue
  * @Description: 文件描述
 -->
@@ -20,7 +20,7 @@
       </div>
     </hager-box>
     <hager-box v-if="!is_xs && !is_search" :class="['top-img', is_xs ? 'xs' : '']" :style="{ backgroundImage: `url('https://cdn.ipadbiz.cn/hager/img/product/banner-l@2x.png'), url(${banner})`, marginTop: '1rem' }">
-      <div class="banner-text-wrapper" style="margin-top: 5%;">
+      <div class="banner-text-wrapper" style="margin-top: 4%;">
         <div class="text">
           <p class="title" style="margin-bottom: 0; color: white; font-size: 2.2vw;">{{ category_name }}</p>
           <p class="sub" style="color: white; font-size: 2.2vw;">{{ category_name_en }}</p>
@@ -161,7 +161,7 @@ export default {
         let img_width = $('.product-item-img img').outerWidth();
         $('.product-item-img img').css('height', img_width * 1 + 'px');
         let banner_width = $('.top-img').outerWidth();
-        $('.top-img').css('height', banner_width * 0.21 + 'px');
+        $('.top-img').css('height', banner_width * 0.19 + 'px');
       })
     },
     handleChange(val) {