|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<!--标题logo-->
|
|
|
<div class="header">
|
|
|
- <div class="YztTitle"></div>
|
|
|
+ <div :class="[showTitle?'YztTitle':'YztWxzTitle']" @click="slideTitle"></div>
|
|
|
<div class="SqTitle"></div>
|
|
|
<div class="GgTitle"></div>
|
|
|
<div class="YwTitle"></div>
|
|
@@ -10,7 +10,12 @@
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
- name: "ZhHeader"
|
|
|
+ name: "ZhHeader",
|
|
|
+ data() {
|
|
|
+ return{
|
|
|
+ slideTitle:true
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -34,6 +39,15 @@ $fullsize: calc(100% - 0px);
|
|
|
background-size: 100% 100%;
|
|
|
position: absolute;
|
|
|
}
|
|
|
+.YztWxzTitle{
|
|
|
+ left:10%;
|
|
|
+ top:4%;
|
|
|
+ width: 246rem;
|
|
|
+ height: 54rem;
|
|
|
+ background: url(src/assets/images/yztTitie.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
.SqTitle{
|
|
|
left:23%;
|
|
|
top:4%;
|