no message

src/views/Main/components/ZhHeader.vue

@@ -1,9 +1,9 @@
 <template>
   <!--标题logo-->
   <div class="header">
-    <div :class="[showTitle?'YztTitle':'YztWxzTitle']" @click="slideTitle"></div>
-	<div class="SqTitle"></div>
-	<div class="GgTitle"></div>
+    <div :class="[yztTitle?'YztTitle':'YztWxzTitle']" @click="slideTitle(YztTitle)"></div>
+	<div :class="[sqTitle?'SqTitle':'SqWxzTitle']" @click="slideTitle(sqTitle)"></div>
+	<div :class="[ggTitie?'GgTitle':'GgWxzTitle']" @click="slideTitle(ggTitie)"></div>
 	<div class="YwTitle"></div>
   </div>
 </template>
@@ -13,10 +13,24 @@ export default {
   name: "ZhHeader",
   data() {
   	return{
-		slideTitle:true
+		yztTitle:true,
+		sqTitle:true,
+		ggTitie:true,
+		ywTitle:true
 	}
-  }
-}
+  },
+ methods: {
+	 slideTitle(val){
+		 console.log(val)
+		 if(val==yztTitle){
+			this.yztTitle=!this.yztTitle	 
+		 }
+		
+	 }
+	
+ },
+ }
+	 
 </script>
 
 <style lang="scss" scoped>
@@ -44,7 +58,7 @@ $fullsize: calc(100% - 0px);
 	top:4%;
 	width: 246rem;
 	height: 54rem;
-	background: url(src/assets/images/yztTitie.png) no-repeat;
+	background: url(src/assets/images/yztWxzTitie.png) no-repeat;
 	background-size: 100% 100%;
 	position: absolute;
 }
@@ -57,6 +71,15 @@ $fullsize: calc(100% - 0px);
 	background-size: 100% 100%;
 	position: absolute;
 }
+.SqWxzTitle{
+	left:23%;
+	top:4%;
+	width: 246rem;
+	height: 54rem;
+	background: url(src/assets/images/sqWxzTitle.png) no-repeat;
+	background-size: 100% 100%;
+	position: absolute;
+}
 .GgTitle{
 	left:67%;
 	top:4%;