hookehuyr

fix 修复头部组件自适应显示

...@@ -7,7 +7,6 @@ export {} ...@@ -7,7 +7,6 @@ export {}
7 /* prettier-ignore */ 7 /* prettier-ignore */
8 declare module 'vue' { 8 declare module 'vue' {
9 export interface GlobalComponents { 9 export interface GlobalComponents {
10 - copy: typeof import('./src/components/hagerMore copy.vue')['default']
11 ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default'] 10 ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
12 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default'] 11 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
13 ElCarousel: typeof import('element-ui/lib/carousel')['default'] 12 ElCarousel: typeof import('element-ui/lib/carousel')['default']
......
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-20 18:49:12 4 + * @LastEditTime: 2024-10-21 12:59:17
5 * @FilePath: /hager/src/components/common/hagerHeader.vue 5 * @FilePath: /hager/src/components/common/hagerHeader.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -101,20 +101,22 @@ ...@@ -101,20 +101,22 @@
101 </el-col> 101 </el-col>
102 <el-col :sm="1" :md="1" :lg="3" :xl="4">&nbsp;</el-col> 102 <el-col :sm="1" :md="1" :lg="3" :xl="4">&nbsp;</el-col>
103 </el-row> 103 </el-row>
104 - <div v-if="is_xs" style="background-color: #fff; padding: 0.5rem 1rem;"> 104 + <div class="mobile-menu-wrapper" v-if="is_xs">
105 - <div style="display: flex; align-items: center;justify-content: space-between;"> 105 + <div class="mobile-menu">
106 - <div @click="openMenu"><i class="el-icon-menu"></i></div> 106 + <div @click="openMenu">
107 + <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 + </div>
107 <div> 109 <div>
108 - <el-image style="height: 2rem;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="cover"></el-image> 110 + <el-image style="height: 2rem;" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png" fit="cover"></el-image>
109 </div> 111 </div>
110 <div> 112 <div>
111 - <i class=el-icon-orange style="font-size: 1.25rem;"></i> 113 + <el-image @click="goToWeb" style="width: 1rem; height: 1rem" src="https://cdn.ipadbiz.cn/hager/icon/%E8%AF%AD%E8%A8%80@2x.png" fit="fit"></el-image>&nbsp;&nbsp;
112 - <i class=el-icon-user style="font-size: 1.25rem;"></i> 114 + <el-image @click="goToLogin" style="width: 1rem; height: 1rem" src="https://cdn.ipadbiz.cn/hager/icon/%E7%99%BB%E9%99%86@2x.png" fit="fit"></el-image>
113 </div> 115 </div>
114 </div> 116 </div>
115 <div style="display: flex; align-items: center; border-radius: 1rem; border: 1px solid #f5f5f5; background-color: #e3f1f7; padding: 0.5rem 1rem; margin-top: 1rem;"> 117 <div style="display: flex; align-items: center; border-radius: 1rem; border: 1px solid #f5f5f5; background-color: #e3f1f7; padding: 0.5rem 1rem; margin-top: 1rem;">
116 <i class=el-icon-search></i>&nbsp; 118 <i class=el-icon-search></i>&nbsp;
117 - <input style="border: 0;background-color: #e3f1f7;" placeholder="搜索" /> 119 + <input style="border: 0;background-color: #e3f1f7;" placeholder="搜索" v-model="keyword" @blur="goToSearch" @keydown.enter="goToSearch" />
118 </div> 120 </div>
119 <el-collapse-transition> 121 <el-collapse-transition>
120 <div v-show="show_menu" class="menu-mini"> 122 <div v-show="show_menu" class="menu-mini">
...@@ -649,5 +651,15 @@ export default { ...@@ -649,5 +651,15 @@ export default {
649 height: calc(100vh - 6.7rem); 651 height: calc(100vh - 6.7rem);
650 background-color: #F7F7F7; 652 background-color: #F7F7F7;
651 } 653 }
654 +
655 + .mobile-menu-wrapper {
656 + background-color: #fff;
657 + padding: 0.5rem 1rem;
658 + .mobile-menu {
659 + display: flex;
660 + align-items: center;
661 + justify-content: space-between;
662 + }
663 + }
652 } 664 }
653 </style> 665 </style>
......