修改最外层元素排列属性

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <el-container>
+    <el-container class="outContainerWrap">
       <el-header style="height: 62px;" v-if="showHeader">
         <Header></Header>
         <video class="top_viedo" width="100%" src="./assets/headerBg1.mp4" autoplay loop muted
@@ -75,6 +75,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.outContainerWrap{
+  flex-direction: column;
+}
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   font-family: Microsoft YaHei UI;