hookehuyr

fix 头部和底部组件细节修改

<!--
* @Date: 2024-09-26 13:42:22
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-10 14:40:58
* @LastEditTime: 2024-10-23 09:42:45
* @FilePath: /hager/src/components/common/hagerFooter.vue
* @Description: 文件描述
-->
......@@ -82,7 +82,7 @@
</div>
</div>
<div style="margin-top: 2rem;">
<el-image style="width: 3rem; height: 3rem;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image>
<el-image style="width: 3rem; height: 3rem;" src="https://cdn.ipadbiz.cn/hager/img/a971ae72e8d79472164b19a1be1ccda.jpg" fit="fit"></el-image>
</div>
</div>
</el-col>
......@@ -165,8 +165,8 @@
<p>粤ICP备2021117768号-3</p>
</div>
</div>
<div style="margin-top: 2rem;">
<el-image style="width: 3rem; height: 3rem;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image>
<div class="link-box xs">
<el-image style="width: 3rem; height: 3rem;" src="https://cdn.ipadbiz.cn/hager/img/a971ae72e8d79472164b19a1be1ccda.jpg" fit="fit"></el-image>
</div>
</div>
</div>
......@@ -240,7 +240,7 @@ export default {
}
&.link-contact {
p {
color: #7a98c7;
// color: #7a98c7;
&:hover {
text-decoration: underline;
cursor: pointer;
......
<!--
* @Date: 2024-09-26 13:42:11
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-21 18:28:16
* @LastEditTime: 2024-10-23 10:01:24
* @FilePath: /hager/src/components/common/hagerHeader.vue
* @Description: 文件描述
-->
......@@ -77,7 +77,7 @@
{{ item.name }}
</div>
<div>
<i class="el-icon-right"></i>
<i class="el-icon-arrow-right"></i>
</div>
</div>
</div>
......@@ -104,8 +104,9 @@
</el-row>
<div class="mobile-menu-wrapper" v-if="is_xs">
<div class="mobile-menu">
<div @click="openMenu">
<el-image style="width: auto; height: 0.65rem" src="https://cdn.ipadbiz.cn/hager/icon/%E8%8F%9C%E5%8D%95@2x.png" fit="fit"></el-image>&nbsp;
<div @click="openMenu" style="width: 3rem;">
<el-image v-if="!show_menu" style="width: auto; height: 0.65rem" src="https://cdn.ipadbiz.cn/hager/icon/%E8%8F%9C%E5%8D%95@2x.png" fit="fit"></el-image>
<i v-else class="el-icon-close" style="font-size: 1.15rem;"></i>
</div>
<div style="display: flex; align-items: center;">
<img style="width: 5.3rem; height: 1.7rem" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png">
......@@ -453,6 +454,8 @@ export default {
// TAG: 解决body滚动被禁止
if (this.show_menu) {
$('body').css('overflow', 'hidden');
// 设置自适应菜单高度
$('.menu-mini').css('top', $('.mobile-menu-wrapper').outerHeight());
} else {
$('body').css('overflow', 'auto');
}
......@@ -528,7 +531,7 @@ export default {
border-radius: 5px;
}
i {
color: @primary-color;
color: #F56400;
}
.icon-text {
display: flex;
......@@ -581,7 +584,7 @@ export default {
&:hover {
cursor: pointer;
text-decoration: underline;
color: @primary-color;
color: #F56400;
}
}
}
......