|
|
@@ -1,6 +1,9 @@
|
|
|
<template>
|
|
|
<div id="header">
|
|
|
- <div class="logo">青浦区“一张图”区级节点</div>
|
|
|
+ <div class="logo">
|
|
|
+ <img src="/static/images/logo.png" style="width: 24px;height: 24px;vertical-align: middle;" alt="" />
|
|
|
+ 青浦区“一张图”区级节点
|
|
|
+ </div>
|
|
|
<div class="userdropdown">
|
|
|
<User />
|
|
|
</div>
|
|
|
@@ -53,7 +56,7 @@ export default {
|
|
|
}
|
|
|
#header {
|
|
|
width: 100vw;
|
|
|
- height: 70px;
|
|
|
+ height: 44px;
|
|
|
background: linear-gradient(180deg, #2c2f74, #494d98);
|
|
|
color: #ffffff;
|
|
|
margin: 0 auto;
|
|
|
@@ -62,12 +65,14 @@ export default {
|
|
|
z-index: 999;
|
|
|
.logo {
|
|
|
display: inline-block;
|
|
|
- height: 70px;
|
|
|
+ height: 44px;
|
|
|
// width: 200px;
|
|
|
- padding: 0 20px;
|
|
|
+ // padding: 0 20px;
|
|
|
+ padding: 0 20px 0px 20px;
|
|
|
text-align: center;
|
|
|
- line-height: 70px;
|
|
|
- font-size: 24px;
|
|
|
+ line-height: 44px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.menu {
|
|
|
@@ -75,22 +80,31 @@ export default {
|
|
|
.menu_ul {
|
|
|
li {
|
|
|
display: inline-block;
|
|
|
- height: 50px;
|
|
|
+ height: 24px;
|
|
|
width: fit-content;
|
|
|
- line-height: 50px;
|
|
|
+ line-height: 24px;
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
|
|
- margin: 10px 20px;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
+ // margin: 10px 20px;
|
|
|
+ padding: 10px 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ // font-weight: bold;
|
|
|
}
|
|
|
|
|
|
li:hover {
|
|
|
- color: #00bbff;
|
|
|
+ // color: #00bbff;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: linear-gradient(97deg, #1586FF 12%, #0E5AF4 90%);
|
|
|
}
|
|
|
|
|
|
li.active {
|
|
|
- color: #00bbff;
|
|
|
+ // color: #00bbff;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: linear-gradient(97deg, #1586FF 12%, #0E5AF4 90%);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -100,7 +114,7 @@ export default {
|
|
|
width: 150px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- height: 70px;
|
|
|
+ height: 44px;
|
|
|
justify-content: center;
|
|
|
cursor: pointer;
|
|
|
border: 0;
|