瀏覽代碼

Merge branch 'feature-mobile-0927'

wangcz 8 年之前
父節點
當前提交
b061fbf9dc
共有 1 個文件被更改,包括 12 次插入8 次删除
  1. 12 8
      components/default/Zhongqiu.vue

+ 12 - 8
components/default/Zhongqiu.vue

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