增加中秋节日动画效果图,改变屏缩小时的影 响

components/default/Zhongqiu.vue

@@ -1,7 +1,7 @@
 <template>
-    <div class="banner" v-if="isClose">
-      <div class="banner-modal"></div>
-      <div class="banner-img">
+    <div class="banner" >
+      <div class="banner-modal">
+        <div class="banner-img">
           <img src="/images/zhongqiu/zq1.png" />
           <img src="/images/zhongqiu/zq2.png" />
           <img src="/images/zhongqiu/zq3.png" />
@@ -17,6 +17,7 @@
           <img src="/images/zhongqiu/zq13.png" />
           <a @click="isOpendZq" href="javascript:void(0)">×</a>
         </div>
+      </div>
     </div>
 </template>
 <script>
@@ -52,24 +53,27 @@ export default {
 <style scoped>
   .banner{
     width:100%;
-    position:fixed;
+    height:100%;
     top: 0;
-    left:0;
+    left: 0;
+    position:fixed;
     z-index:3000;
   }
 .banner-modal{
   background: rgba(0,0,0,.6);
   width:2000px;
-  height:1200px;
-  position: absolute;
+  height:1100px;
 }
 .banner-img{
   position:absolute;
-  top:100px;
-  left:20%;
+  top:10%;
+  left:50%;
   width:900px;
+  margin-left:-450px;
 }
 .banner-img img{
+  display:block;
+  width:900px;
   position:absolute;
   top:0;
   left:0;