hookehuyr

🐞 fix(首页): 海格全球和解决方案在移动端大小显示优化

<!--
* @Date: 2024-08-27 10:06:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-11-07 14:39:51
* @LastEditTime: 2024-11-07 15:57:51
* @FilePath: /hager/src/views/index.vue
* @Description: 首页
-->
......@@ -258,6 +258,8 @@ export default {
// 动态计算解决方案图片高度
let img_box_width = $('.solution-item').outerWidth();
$('.solution-item').css('height', img_box_width * 0.56 + 'px');
let img_xs_width = $('.solution-item.xs').outerWidth();
$('.solution-item.xs').css('height', img_box_width * 0.8 + 'px');
});
window.addEventListener('resize', this.handleHeightResize);
},
......@@ -278,6 +280,8 @@ export default {
// 动态计算解决方案图片高度
let img_box_width = $('.solution-item').outerWidth();
$('.solution-item').css('height', img_box_width * 0.56 + 'px');
let img_xs_width = $('.solution-item.xs').outerWidth();
$('.solution-item.xs').css('height', img_box_width * 0.8 + 'px');
},
getToGroup () {
this.$router.push({
......@@ -412,14 +416,29 @@ export default {
text-align: center;
&.xs {
flex-direction: column;
.hager-global-info-item {
margin-bottom: 1rem;
.num {
font-size: 6vw;
span {
font-size: 8vw;
}
}
.text-cn {
font-size: 4vw;
}
.text {
font-size: 3vw;
}
}
}
.hager-global-info-item {
.num {
color: @secondary-color;
font-size: 1.5rem;
font-size: 1.5vw;
font-weight: bold;
span {
font-size: 3rem;
font-size: 3vw;
}
}
.text-cn {
......@@ -427,7 +446,7 @@ export default {
}
.text {
line-height: 1.8;
font-size: 0.9rem;
font-size: 0.9vw;
}
}
}
......