|
@@ -3,13 +3,13 @@
|
|
|
<div class="header">
|
|
|
<Clock></Clock>
|
|
|
<!--中间LOGO -->
|
|
|
- <a class="title" href="/integrated/index" >
|
|
|
+ <div class="title" href="/integrated/index" >
|
|
|
<!-- <img src="@/assets/images/integrated/bigdata-header-nav-left2.png" /> -->
|
|
|
<h3><img class="logo" src="@/assets/images/integrated/logo-small.png" />四平市态势感知平台 {{titlename}}
|
|
|
</h3>
|
|
|
<!-- <img src="@/assets/images/integrated/bigdata-header-nav-right2.png" /> -->
|
|
|
- </a>
|
|
|
-
|
|
|
+ </div>
|
|
|
+
|
|
|
<!--中间导航-->
|
|
|
<div class="bignav">
|
|
|
<img src="@/assets/images/integrated/bigdata-header-nav-left.png" />
|
|
@@ -32,14 +32,14 @@
|
|
|
components:{
|
|
|
VfastMenu,
|
|
|
Clock
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
created(){
|
|
|
this.navbar
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -53,7 +53,7 @@
|
|
|
return constantRoutes.slice(1)
|
|
|
},
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -70,13 +70,13 @@
|
|
|
z-index: 1000;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
-
|
|
|
+
|
|
|
.title {
|
|
|
display: flex;
|
|
|
position: fixed;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
-
|
|
|
+
|
|
|
h3 {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -84,13 +84,13 @@
|
|
|
color: $white;
|
|
|
font-size: 1.8rem;
|
|
|
font-family: $fontFk;
|
|
|
-
|
|
|
+
|
|
|
img {
|
|
|
margin-right: .5rem;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.bignav {
|
|
|
height: 40px;
|
|
|
position: fixed;
|
|
@@ -102,14 +102,14 @@
|
|
|
display: flex;
|
|
|
justify-content: cetner;
|
|
|
align-items: center;
|
|
|
-
|
|
|
+
|
|
|
.bignav-list {
|
|
|
background: url(../assets/images/integrated/bigdata-header-nav-re.png) repeat-x center;
|
|
|
float: left;
|
|
|
display: flex;
|
|
|
justify-content: cetner;
|
|
|
align-items: center;
|
|
|
- color: $fListTitle;
|
|
|
+ color: $fListTitle;
|
|
|
height: 40px;
|
|
|
font-size: 12px;
|
|
|
padding: 0 23px;
|
|
@@ -118,7 +118,7 @@
|
|
|
transform: translateY(0);
|
|
|
transition: all 0.3s ease-in-out;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.router-link-active,
|
|
|
.bignav-list:hover {
|
|
|
filter: brightness(2.3);
|
|
@@ -127,9 +127,9 @@
|
|
|
color: $inBlueHover;
|
|
|
border-bottom: 1px solid $inBlueHover;
|
|
|
transition: all 0.3s ease-in-out;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|