Jelajahi Sumber

修复大屏缩放滑动bug

Ming 3 tahun lalu
induk
melakukan
ba6b4de7e1
3 mengubah file dengan 9 tambahan dan 6 penghapusan
  1. 5 0
      src/assets/css/index.css
  2. 3 3
      src/views/home/index.vue
  3. 1 3
      src/views/site/Overview.vue

+ 5 - 0
src/assets/css/index.css

@@ -35,9 +35,14 @@ body {
     /* 行高是字体1.15倍 */
     line-height: 1.15;
     /* height: 100vh; */
+    height: 100%;
     min-height: 600px;
 }
 
+#app {
+    height: 100%
+}
+
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
     color: #fff;

+ 3 - 3
src/views/home/index.vue

@@ -1,6 +1,5 @@
 <template>
-  <div>
-    <section class="mainbox">
+  <section class="mainbox">
       <!-- topBox start -->
       <div class="topBox">
         <div class="column statisSec">
@@ -109,7 +108,8 @@
       </div>
       <!-- bottomBox end -->
     </section>
-  </div>
+
+
 </template>
 <script>
 import statisTop from "./components/statisTop";

+ 1 - 3
src/views/site/Overview.vue

@@ -1,7 +1,6 @@
 <template>
   <!-- <indexroute></indexroute> -->
-  <div class="overview">
-    <section class="mainbox">
+    <section class="mainbox overview">
       <!-- topBox start -->
       <div class="topBox">
         <div class="column">
@@ -117,7 +116,6 @@
       </div>
       <!-- bottomBox end -->
     </section>
-  </div>
 </template>
 <script>
 import powerTop from "./components/Overview/powerTop";