调整布局

DAPlatform-front/src/components/Layout.vue

@@ -3,7 +3,7 @@
     <el-header style="height: 70px;background-color: #606266"></el-header>
     <ToolBar></ToolBar>
     <el-container>
-        <el-aside >
+      <el-aside>
         <sidebar class="sidebar"></sidebar>
       </el-aside>
       <el-main class="workbench">
@@ -12,45 +12,43 @@
       </el-main>
     </el-container>
   </div>
-
 </template>
 
 <script>
-  import Sidebar from './Sidebar'
-  import MainView from './MainView'
-  import ToolBar from "./ToolBar";
-  import BottomToolBar from "./BottomToolBar";
-  export default {
-    name: "Layout",
+import Sidebar from './Sidebar'
+import MainView from './MainView'
+import ToolBar from './ToolBar'
+import BottomToolBar from './BottomToolBar'
+export default {
+  name: 'Layout',
   components: {
     BottomToolBar,
     ToolBar,
     sidebar: Sidebar,
     mainView: MainView
-    },
   }
+};
 </script>
 
 <style scoped>
-  .layout {
+.layout {
   height: 100%;
   overflow: hidden;
-  }
-  .workbench{
-    border: 2px solid #409EFF;
+}
+.workbench {
+  border: 2px solid #409eff;
   margin-left: 10px;
   margin-right: 10px;
-  }
+}
 
-  .sidebar{
+.sidebar {
   margin-left: 10px;
-  }
-  .main-view{
-
-  }
-  .bottom-tool-bar{
+}
+.main-view {
+}
+.bottom-tool-bar {
   position: fixed;
   left: 50%;
   bottom: 15%;
-  }
+}
 </style>