|
@@ -7,8 +7,8 @@
|
|
|
<a-row align="middle" justify="space-between">
|
|
<a-row align="middle" justify="space-between">
|
|
|
<a-col>
|
|
<a-col>
|
|
|
<a-space align="center">
|
|
<a-space align="center">
|
|
|
- <a-icon type="gateway" size="large" />
|
|
|
|
|
- <h1 class="app-title">配线架配置系统</h1>
|
|
|
|
|
|
|
+ <!-- <a-icon type="gateway" size="large" /> -->
|
|
|
|
|
+ <div class="logo"></div>
|
|
|
</a-space>
|
|
</a-space>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col>
|
|
<a-col>
|
|
@@ -29,7 +29,7 @@
|
|
|
breakpoint="lg"
|
|
breakpoint="lg"
|
|
|
collapsed-width="80"
|
|
collapsed-width="80"
|
|
|
>
|
|
>
|
|
|
- <div class="logo"></div>
|
|
|
|
|
|
|
+ <div class="app-title">配线架配置系统</div>
|
|
|
<a-menu
|
|
<a-menu
|
|
|
mode="inline"
|
|
mode="inline"
|
|
|
:selected-keys="[selectedKey]"
|
|
:selected-keys="[selectedKey]"
|
|
@@ -131,6 +131,9 @@ onMounted(() => {
|
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
|
|
+ margin: 10px;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ margin-bottom: 0;;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 侧边栏样式 */
|
|
/* 侧边栏样式 */
|
|
@@ -145,14 +148,10 @@ onMounted(() => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
.logo {
|
|
|
- height: 64px;
|
|
|
|
|
- background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- font-size: 18px;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
|
|
+ height: 60px;
|
|
|
|
|
+ width: 94px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0px;
|
|
|
background: url('/vite.svg') center no-repeat;
|
|
background: url('/vite.svg') center no-repeat;
|
|
|
background-size: contain;
|
|
background-size: contain;
|
|
|
}
|
|
}
|
|
@@ -160,6 +159,7 @@ onMounted(() => {
|
|
|
.side-menu {
|
|
.side-menu {
|
|
|
height: calc(100% - 64px);
|
|
height: calc(100% - 64px);
|
|
|
padding: 20px 0;
|
|
padding: 20px 0;
|
|
|
|
|
+ padding-top: 0px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.side-menu .ant-menu-item {
|
|
.side-menu .ant-menu-item {
|