|
@@ -1,14 +1,15 @@
|
|
|
<template>
|
|
|
<!-- 标题logo-->
|
|
|
<div class="header">
|
|
|
- <router-link to="/home/Map3d">
|
|
|
- <div :class="[yztTitle?'YztTitle':'YztXzTitle']" @click="slideTitle('YztTitle')"></div>
|
|
|
- </router-link>
|
|
|
+
|
|
|
+ <div :class="[yztTitle?'YztTitle':'YztXzTitle']" @click="slideTitle('YztTitle')"></div>
|
|
|
+
|
|
|
<router-link to="/home/table">
|
|
|
<div :class="[sqTitle?'SqTitle':'SqXzTitle']" @click="slideTitle('SqTitle')"></div>
|
|
|
</router-link>
|
|
|
-
|
|
|
- <div :class="[ggTitle?'GgTitle':'GgXzTitle']" @click="slideTitle('GgTitle')"></div>
|
|
|
+ <router-link to="/home/Map3d">
|
|
|
+ <div :class="[ggTitle?'GgTitle':'GgXzTitle']" @click="slideTitle('GgTitle')"></div>
|
|
|
+ </router-link>
|
|
|
<div :class="[ywTitle?'YwTitle':'YwXzTitle']" @click="slideTitle('YwTitle')"></div>
|
|
|
</div>
|
|
|
<div class="dataTime">
|
|
@@ -18,19 +19,22 @@
|
|
|
<weather></weather>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
<script>
|
|
|
import DataTime from "../../Map3d/components/DataTime.vue";
|
|
|
import weather from "../../Map3d/components/weather.vue"
|
|
|
-
|
|
|
+
|
|
|
export default {
|
|
|
name: "ZhHeader",
|
|
|
- components:{DataTime,weather},
|
|
|
+ components: {
|
|
|
+ DataTime,
|
|
|
+ weather
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
- yztTitle: false,
|
|
|
+ yztTitle: true,
|
|
|
sqTitle: true,
|
|
|
- ggTitle: true,
|
|
|
+ ggTitle: false,
|
|
|
ywTitle: true
|
|
|
}
|
|
|
},
|
|
@@ -160,16 +164,18 @@
|
|
|
background-size: 100% 100%;
|
|
|
position: absolute;
|
|
|
}
|
|
|
- .dataTime{
|
|
|
- left:92%;
|
|
|
+
|
|
|
+ .dataTime {
|
|
|
+ left: 92%;
|
|
|
z-index: 9999;
|
|
|
width: 150rem;
|
|
|
height: 120rem;
|
|
|
position: absolute;
|
|
|
}
|
|
|
- .weather{
|
|
|
- left:2%;
|
|
|
- top:2.5%;
|
|
|
+
|
|
|
+ .weather {
|
|
|
+ left: 2%;
|
|
|
+ top: 2.5%;
|
|
|
z-index: 9999;
|
|
|
width: 150rem;
|
|
|
height: 120rem;
|