Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3a1be0be 1 parent 14429282

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

Inline Side-by-side
Showing 2 changed files with 14 additions and 11 deletions
1 <!-- 1 <!--
2 * @Date: 2024-09-26 13:42:22 2 * @Date: 2024-09-26 13:42:22
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-10 14:40:58 4 + * @LastEditTime: 2024-10-23 09:42:45
5 * @FilePath: /hager/src/components/common/hagerFooter.vue 5 * @FilePath: /hager/src/components/common/hagerFooter.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
82 </div> 82 </div>
83 </div> 83 </div>
84 <div style="margin-top: 2rem;"> 84 <div style="margin-top: 2rem;">
85 - <el-image style="width: 3rem; height: 3rem;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image> 85 + <el-image style="width: 3rem; height: 3rem;" src="https://cdn.ipadbiz.cn/hager/img/a971ae72e8d79472164b19a1be1ccda.jpg" fit="fit"></el-image>
86 </div> 86 </div>
87 </div> 87 </div>
88 </el-col> 88 </el-col>
...@@ -165,8 +165,8 @@ ...@@ -165,8 +165,8 @@
165 <p>粤ICP备2021117768号-3</p> 165 <p>粤ICP备2021117768号-3</p>
166 </div> 166 </div>
167 </div> 167 </div>
168 - <div style="margin-top: 2rem;"> 168 + <div class="link-box xs">
169 - <el-image style="width: 3rem; height: 3rem;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image> 169 + <el-image style="width: 3rem; height: 3rem;" src="https://cdn.ipadbiz.cn/hager/img/a971ae72e8d79472164b19a1be1ccda.jpg" fit="fit"></el-image>
170 </div> 170 </div>
171 </div> 171 </div>
172 </div> 172 </div>
...@@ -240,7 +240,7 @@ export default { ...@@ -240,7 +240,7 @@ export default {
240 } 240 }
241 &.link-contact { 241 &.link-contact {
242 p { 242 p {
243 - color: #7a98c7; 243 + // color: #7a98c7;
244 &:hover { 244 &:hover {
245 text-decoration: underline; 245 text-decoration: underline;
246 cursor: pointer; 246 cursor: pointer;
......
1 <!-- 1 <!--
2 * @Date: 2024-09-26 13:42:11 2 * @Date: 2024-09-26 13:42:11
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-21 18:28:16 4 + * @LastEditTime: 2024-10-23 10:01:24
5 * @FilePath: /hager/src/components/common/hagerHeader.vue 5 * @FilePath: /hager/src/components/common/hagerHeader.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 {{ item.name }} 77 {{ item.name }}
78 </div> 78 </div>
79 <div> 79 <div>
80 - <i class="el-icon-right"></i> 80 + <i class="el-icon-arrow-right"></i>
81 </div> 81 </div>
82 </div> 82 </div>
83 </div> 83 </div>
...@@ -104,8 +104,9 @@ ...@@ -104,8 +104,9 @@
104 </el-row> 104 </el-row>
105 <div class="mobile-menu-wrapper" v-if="is_xs"> 105 <div class="mobile-menu-wrapper" v-if="is_xs">
106 <div class="mobile-menu"> 106 <div class="mobile-menu">
107 - <div @click="openMenu"> 107 + <div @click="openMenu" style="width: 3rem;">
108 - <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; 108 + <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>
109 + <i v-else class="el-icon-close" style="font-size: 1.15rem;"></i>
109 </div> 110 </div>
110 <div style="display: flex; align-items: center;"> 111 <div style="display: flex; align-items: center;">
111 <img style="width: 5.3rem; height: 1.7rem" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png"> 112 <img style="width: 5.3rem; height: 1.7rem" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png">
...@@ -453,6 +454,8 @@ export default { ...@@ -453,6 +454,8 @@ export default {
453 // TAG: 解决body滚动被禁止 454 // TAG: 解决body滚动被禁止
454 if (this.show_menu) { 455 if (this.show_menu) {
455 $('body').css('overflow', 'hidden'); 456 $('body').css('overflow', 'hidden');
457 + // 设置自适应菜单高度
458 + $('.menu-mini').css('top', $('.mobile-menu-wrapper').outerHeight());
456 } else { 459 } else {
457 $('body').css('overflow', 'auto'); 460 $('body').css('overflow', 'auto');
458 } 461 }
...@@ -528,7 +531,7 @@ export default { ...@@ -528,7 +531,7 @@ export default {
528 border-radius: 5px; 531 border-radius: 5px;
529 } 532 }
530 i { 533 i {
531 - color: @primary-color; 534 + color: #F56400;
532 } 535 }
533 .icon-text { 536 .icon-text {
534 display: flex; 537 display: flex;
...@@ -581,7 +584,7 @@ export default { ...@@ -581,7 +584,7 @@ export default {
581 &:hover { 584 &:hover {
582 cursor: pointer; 585 cursor: pointer;
583 text-decoration: underline; 586 text-decoration: underline;
584 - color: @primary-color; 587 + color: #F56400;
585 } 588 }
586 } 589 }
587 } 590 }
......