更新

src/layout/index/mainData.vue

@@ -4,7 +4,7 @@
       <el-col :span="24">
         <el-col :span="24" class="beijing">
           <el-row type="flex">
-            <el-col :span="4" v-for="(i, index) in arrange" :key="index" @click.native="changeLesson(i)">
+            <el-col :span="4" class="arrangeList" v-for="(i, index) in arrange" :key="index" @click.native="changeLesson(i)">
               <el-row style="text-align:center">
                 <el-col :span="24">{{ i.day }}</el-col>
                 <el-col :span="24">{{ i.date | getMD }}</el-col>
@@ -124,11 +124,10 @@ p {
   padding: 7px 0 0 0;
 }
 .beijing {
-  background-color: #eee;
-  min-height: 700px;
+  background-color: #f9fafc;
 }
 .top {
-  margin: 20px 0 0 0;
+  margin: 10px 0 0 0;
 }
 /deep/.el-button {
   border-radius: 11px;
@@ -171,4 +170,12 @@ p {
 .title {
   color: blueviolet;
 }
+.arrangeList {
+  background: #fff;
+  padding: 10px 0;
+  border-right: 1px dashed #f5f5f5;
+}
+.arrangeList:last-child {
+  border-right: none;
+}
 </style>

src/views/index.vue

@@ -176,7 +176,7 @@ export default {
 <style lang="less" scoped>
 .style {
   width: 100%;
-  min-height: 667px;
+  // min-height: 667px;
   position: relative;
   background-color: #f9fafc;
 }
@@ -185,7 +185,7 @@ export default {
   overflow: hidden;
 }
 .main {
-  min-height: 570px;
+  min-height: 500px;
 }
 .foot {
   height: 90px;