feat: 顶栏全宽+Logo移到顶栏+CSS Grid布局
All checks were successful
continuous-integration/drone/push Build is passing

组件修改:
- topMenu.js: el-header 左侧添加 logo (header-logo class)

CSS Grid 布局:
- 外层 el-container → grid(190px+1fr, 60px+1fr)
- 内层 el-container → display:contents
- top-menu的div包裹 → display:contents
- el-header: grid-column 1/-1 跨两列全宽第一行
- el-aside: 第一列第二行
- el-main: 第二列第二行

其他:
- 隐藏侧边栏原有 logo (.el-aside > a:first-child)
- menu-top margin-top: 86px → 12px
This commit is contained in:
yiqiu
2026-03-20 08:46:15 +08:00
parent 063ac36110
commit d991d9af1c
2 changed files with 66 additions and 14 deletions

View File

@@ -75,6 +75,9 @@ const topMenu = {
<el-header>
<div class="header-left">
<a :href="commonData.clientarea_logo_url || '/home.htm'" onclick="return false" class="header-logo-link" @click="goHome">
<img class="header-logo" :src="logo" v-show="logo">
</a>
<img src="${url}/img/common/menu.png" class="menu-img" @click="showMenu">
<img v-if="isShowMore" src="${url}/img/common/search.png" class="left-img">
<el-autocomplete v-if="isShowMore" v-model="topInput" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"