|
@@ -10,7 +10,7 @@
|
|
|
<router-link to="/home/test">
|
|
|
<div :class="[sqTitle?'SqTitle':'SqXzTitle']" @click="slideTitle('SqTitle')"></div>
|
|
|
</router-link>
|
|
|
-
|
|
|
+
|
|
|
<div :class="[ywTitle?'YwTitle':'YwXzTitle']" @click="slideTitle('YwTitle')"></div>
|
|
|
</div>
|
|
|
<div class="dataTime">
|
|
@@ -23,8 +23,7 @@
|
|
|
|
|
|
<script>
|
|
|
import DataTime from "../../Map3d/components/DataTime.vue";
|
|
|
- import weather from "../../Map3d/components/weather.vue"
|
|
|
-
|
|
|
+ import weather from "../../Map3d/components/weather.vue";
|
|
|
export default {
|
|
|
name: "ZhHeader",
|
|
|
components: {
|
|
@@ -33,10 +32,11 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- yztTitle: true,
|
|
|
+ yztTitle: false,
|
|
|
sqTitle: true,
|
|
|
- ggTitle: false,
|
|
|
- ywTitle: true
|
|
|
+ ggTitle: true,
|
|
|
+ ywTitle: true,
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -46,30 +46,63 @@
|
|
|
this.sqTitle = true;
|
|
|
this.ggTitle = true;
|
|
|
this.ywTitle = true;
|
|
|
+ localStorage.setItem("currenttab", "YztTitle");
|
|
|
}
|
|
|
if (val == 'SqTitle') {
|
|
|
this.sqTitle = false;
|
|
|
this.yztTitle = true;
|
|
|
this.ggTitle = true;
|
|
|
this.ywTitle = true;
|
|
|
+ localStorage.setItem("currenttab", "SqTitle");
|
|
|
}
|
|
|
if (val == 'GgTitle') {
|
|
|
this.ggTitle = false;
|
|
|
this.yztTitle = true;
|
|
|
this.sqTitle = true;
|
|
|
this.ywTitle = true;
|
|
|
+ localStorage.setItem("currenttab", "GgTitle");
|
|
|
}
|
|
|
if (val == 'YwTitle') {
|
|
|
this.ywTitle = false;
|
|
|
this.yztTitle = true;
|
|
|
this.sqTitle = true;
|
|
|
this.ggTitle = true;
|
|
|
+ localStorage.setItem("currenttab", "YwTitle");
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
+
|
|
|
+ created() {
|
|
|
+ if (localStorage.currenttab == 'YztTitle') {
|
|
|
+ this.yztTitle = false;
|
|
|
+ this.sqTitle = true;
|
|
|
+ this.ggTitle = true;
|
|
|
+ this.ywTitle = true;
|
|
|
+ }
|
|
|
+ if (localStorage.currenttab == 'SqTitle') {
|
|
|
+ this.sqTitle = false;
|
|
|
+ this.yztTitle = true;
|
|
|
+ this.ggTitle = true;
|
|
|
+ this.ywTitle = true;
|
|
|
+ }
|
|
|
+ if (localStorage.currenttab == 'GgTitle') {
|
|
|
+ this.ggTitle = false;
|
|
|
+ this.yztTitle = true;
|
|
|
+ this.sqTitle = true;
|
|
|
+ this.ywTitle = true;
|
|
|
+ }
|
|
|
+ if (localStorage.currenttab == 'YwTitle') {
|
|
|
+ this.ywTitle = false;
|
|
|
+ this.yztTitle = true;
|
|
|
+ this.sqTitle = true;
|
|
|
+ this.ggTitle = true;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|