hookehuyr

解决方案移动端头部banner显示优化

1 <template> 1 <template>
2 <div class="hager-solution-index"> 2 <div class="hager-solution-index">
3 - <hager-box :style="{backgroundColor: '#F5F6FB', height: !is_xs ? solution_box_height : solution_mini_height }"> 3 + <hager-box v-if="!is_xs" :style="{backgroundColor: '#F5F6FB', height: !is_xs ? solution_box_height : solution_mini_height }">
4 - <div v-if="!is_xs" class="hager-solution-top"> 4 + <div class="hager-solution-top">
5 <el-row :gutter="20" style="display: flex;"> 5 <el-row :gutter="20" style="display: flex;">
6 <el-col :span="8"> 6 <el-col :span="8">
7 <div class="banner-text-wrapper"> 7 <div class="banner-text-wrapper">
...@@ -18,9 +18,9 @@ ...@@ -18,9 +18,9 @@
18 </el-col> 18 </el-col>
19 </el-row> 19 </el-row>
20 </div> 20 </div>
21 - <img v-else :style="{ height: solution_mini_height, width: '100%' }" src="https://cdn.ipadbiz.cn/hager/banner/01.png"> 21 + <!-- <img v-else :style="{ height: solution_mini_height, width: '100%' }" src="https://cdn.ipadbiz.cn/hager/banner/01.png"> -->
22 </hager-box> 22 </hager-box>
23 - <hager-box class="box-n"> 23 + <hager-box :class="[!is_xs ? 'box-n' : '']">
24 <hager-h1 title="行业解决方案" sub="Industry Solutions" style="margin: 2rem 0 1rem;"></hager-h1> 24 <hager-h1 title="行业解决方案" sub="Industry Solutions" style="margin: 2rem 0 1rem;"></hager-h1>
25 <div>海格电气为建筑,能源,工业,基础设施等行业提供安全、稳定、可靠、智能的低压配电解决方案及KNX智能楼宇解决方案。</div> 25 <div>海格电气为建筑,能源,工业,基础设施等行业提供安全、稳定、可靠、智能的低压配电解决方案及KNX智能楼宇解决方案。</div>
26 <div v-if="!is_xs" class="hager-industry-solutions"> 26 <div v-if="!is_xs" class="hager-industry-solutions">
......