hookehuyr

fix 所有产品头部banner默认文字

1 <!-- 1 <!--
2 * @Date: 2024-09-27 16:53:09 2 * @Date: 2024-09-27 16:53:09
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-12 14:32:41 4 + * @LastEditTime: 2024-11-12 16:10:50
5 * @FilePath: /hager/src/views/product/index.vue 5 * @FilePath: /hager/src/views/product/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -20,11 +20,11 @@ ...@@ -20,11 +20,11 @@
20 </div> 20 </div>
21 </hager-box> 21 </hager-box>
22 <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' }"> 22 <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' }">
23 - <div class="banner-text-wrapper" style="margin-top: 4%;"> 23 + <div class="banner-text-wrapper" style="margin-top: 3%;">
24 <div class="text"> 24 <div class="text">
25 <p class="title" style="margin-bottom: 0; color: white; font-size: 2.2vw;">{{ category_name }}</p> 25 <p class="title" style="margin-bottom: 0; color: white; font-size: 2.2vw;">{{ category_name }}</p>
26 <p class="sub" style="color: white; font-size: 2.2vw;">{{ category_name_en }}</p> 26 <p class="sub" style="color: white; font-size: 2.2vw;">{{ category_name_en }}</p>
27 - <div style="margin-top: 1rem; font-weight: normal; font-size: 1.15vw; color: white; width: 50%;"> 27 + <div style="margin-top: 1rem; font-weight: normal; font-size: 1vw; color: white; width: 45%;">
28 <p v-html="category_description"></p> 28 <p v-html="category_description"></p>
29 </div> 29 </div>
30 </div> 30 </div>
...@@ -182,7 +182,7 @@ export default { ...@@ -182,7 +182,7 @@ export default {
182 let info = data[0]; 182 let info = data[0];
183 this.category_name = '所有产品'; 183 this.category_name = '所有产品';
184 this.category_name_en = 'All Products'; 184 this.category_name_en = 'All Products';
185 - this.category_description = ''; 185 + this.category_description = '<p style="margin-bottom: 0.5rem;">海格为客户提供安全稳定的电气产品与智能化解决方案。</p><p>Hager provides safe and stable electrical products and intelligent solutions for customers.</p>';
186 this.banner = 'http://q.card-ar.com/hager/banner-r@2x_FnBknQc8Aq6k4cljFn8Y7yaZcJWP.png'; 186 this.banner = 'http://q.card-ar.com/hager/banner-r@2x_FnBknQc8Aq6k4cljFn8Y7yaZcJWP.png';
187 this.product_list = info.list; 187 this.product_list = info.list;
188 188
......