视频分区等放到左侧便于移动端显示

src/views/home/Index.vue

@@ -1,6 +1,14 @@
 <template>
   <div>
     <el-row id="movie-list">
+      <el-col :md="6">
+        <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+          <site-notice />
+        </el-row>
+        <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+          <hot-video />
+        </el-row>
+      </el-col>
       <el-col :md="18">
         <!--电影列表，与推荐列表-->
         <el-row
@@ -23,14 +31,6 @@
           </el-col>
         </el-row>
       </el-col>
-      <el-col :md="6">
-        <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-          <site-notice />
-        </el-row>
-        <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-          <hot-video />
-        </el-row>
-      </el-col>
     </el-row>
   </div>
 </template>

src/views/home/Video.vue

@@ -2,6 +2,16 @@
   <div>
     <!--电影列表，与推荐列表-->
     <el-row id="movie-list">
+      <el-col :md="6">
+        <el-card class="box-card" :body-style="{ paddingTop: '0px' }">
+          <div slot="header" class="clearfix">
+            <span>视频分区</span>
+          </div>
+          <div class="item">
+            <v-jstree :data="treeNode" @item-click="itemClick" />
+          </div>
+        </el-card>
+      </el-col>
       <!--电影列表-->
       <el-col :md="18">
         <el-col v-for="(video, index) in dataList" :key="index" :md="6" :sm="12" :xs="12">
@@ -28,16 +38,6 @@
           />
         </el-col>
       </el-col>
-      <el-col :md="6">
-        <el-card class="box-card" :body-style="{ paddingTop: '0px' }">
-          <div slot="header" class="clearfix">
-            <span>视频分区</span>
-          </div>
-          <div class="item">
-            <v-jstree :data="treeNode" @item-click="itemClick" />
-          </div>
-        </el-card>
-      </el-col>
     </el-row>
   </div>
 </template>