index bg&&scrool

pages/demo/02/index.vue

 <template>
+  <div class="mainDivs">
     <div style="width:1860px;margin:0 auto;" class="divmain">
       <Row :gutter="24" index>
         <!--left-->
@@ -297,6 +298,7 @@
         <Col span="24" class="mb50">&nbsp;</Col>
       </Row>
     </div>
+  </div>
 </template>
 <script>
 import Train from "./train";
@@ -489,4 +491,14 @@ export default {
 .hoverImg :hover {
   background: #ccc;
 }
+.mainDivs {
+  position: fixed;
+  width: 100%;
+  top: 90px;
+  left: 0;
+  right: 0;
+  background: #f5f6fa;
+  height: calc(100vh - 90px);
+  overflow: auto;
+}
 </style>
\ No newline at end of file

pages/demo/06/index.vue

 <template>
+  <div class="mainDivs">
     <div style="width:1740px;margin:0 auto;">
       <Row class="mt20">
         <Col span="12" class="tc">
@@ -80,7 +81,8 @@
 
       <Row>
         <Col span="24" style="height:150px">
-        <span class="fl trainTitles"  style="color: #2d8cf0;">作业前准备</span> <Train :row="dataBlue" class="fl"></Train>
+          <span class="fl trainTitles" style="color: #2d8cf0;">作业前准备</span>
+          <Train :row="dataBlue" class="fl"></Train>
         </Col>
       </Row>
       <Row class="lh30">
@@ -102,7 +104,8 @@
       <!--3-->
       <Row>
         <Col span="24" style="height:150px">
-        <span class="fl trainTitles"  style="color: #888;">无电</span><Train :row="dataGray"  class="fl"></Train>
+          <span class="fl trainTitles" style="color: #888;">无电</span>
+          <Train :row="dataGray" class="fl"></Train>
         </Col>
       </Row>
       <Row class="lh30">
@@ -149,6 +152,7 @@
         <Col span="24" class="mb50">&nbsp;</Col>
       </Row>
     </div>
+  </div>
 </template>
 <script>
 import Train from "./train";
@@ -223,6 +227,16 @@ export default {
 };
 </script>
 <style lang="less">
+.mainDivs {
+  position: fixed;
+  width: 100%;
+  top: 90px;
+  left: 0;
+  right: 0;
+  background: #f5f6fa;
+  height: calc(100vh - 90px);
+  overflow:auto;
+}
 .trainTitles {
   line-height: 130px;
   font-size: 18px;