hookehuyr

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

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