角色管理 权限列表展示

src/views/login/Login1.vue

 <template>
-  <div id="homepage_hero_module" class="homepage_hero_module">
+  <el-container class="manage-page" direction="vertical">
+    <!--  <div id="homepage_hero_module" class="homepage_hero_module">-->
     <!--    <div class="video_container">-->
     <!--      <div :style="fixStyle" class="filter"></div>-->
     <!-- autoplay 自动播放  loop 循环播放 muted 静音播放-->
@@ -59,7 +60,7 @@
         </div>
       </div>
     </transition>
-  </div>
+  </el-container>
 </template>
 
 <script>
@@ -174,7 +175,7 @@ export default {
 </script>
 
 <style scoped>
-.homepage_hero_module {
+.manage-page {
   width: 100vw;
   height: 100vh;
   overflow: hidden;
@@ -182,14 +183,9 @@ export default {
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
-/*.homepage_hero_module img {*/
-/*  width: 100%;*/
-/*  height: 100%;*/
-/*}*/
-/*video {*/
-/*  width: 100%;*/
-/*  height: 100%;*/
-/*}*/
+div {
+  /*display: inline-block;*/
+}
 
 .el-button--text {
   width: 108px;