Explorar el Código

Merge branch 'feature-mobile-0927'

wangcz hace 8 años
padre
commit
b061fbf9dc
Se han modificado 1 ficheros con 12 adiciones y 8 borrados
  1. 12 8
      components/default/Zhongqiu.vue

+ 12 - 8
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-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;