Showing
2 changed files
with
20 additions
and
9 deletions
| ... | @@ -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"> </el-col> | 102 | <el-col :sm="1" :md="1" :lg="3" :xl="4"> </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> | ||
| 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> |
| 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> | 118 | <i class=el-icon-search></i> |
| 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> | ... | ... |
-
Please register or login to post a comment