.

src/App.vue

@@ -1,37 +1,36 @@
 <template>
     <div id="app">
         <el-container class="el-container-iot">
-            <el-aside>
-                <el-menu default-active="1-4-1" class="el-menu-vertical-iot" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
-                    <el-submenu index="1">
-                        <template slot="title">
-                            <i class="el-icon-cpu"></i>
-                            <span slot="title">设备管理</span>
-                        </template>
-                        <el-menu-item>设备接入</el-menu-item>
-                        <el-menu-item>设备解析</el-menu-item>
-                    </el-submenu>
-                    <el-submenu>
-                        <template slot="title">
-                            <i class="el-icon-odometer"></i>
-                            <span slot="title">数据管理</span>
-                        </template>
-                        <el-menu-item>测点配置</el-menu-item>
-                        <el-menu-item>数据监控</el-menu-item>
-                    </el-submenu>
-                    <el-submenu>
-                        <template slot="title">
-                            <i class="el-icon-video-camera-solid"></i>
-                            <span slot="title">媒体管理</span>
-                        </template>
-                        <el-menu-item>视频管理</el-menu-item>
-                        <el-menu-item>图片管理</el-menu-item>
-                    </el-submenu>
-                </el-menu>
-            </el-aside>
+            <el-menu default-active="1-4-1" class="el-menu-vertical-iot" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
+                <h1>IOT DC3</h1>
+                <el-submenu index="1">
+                    <template slot="title">
+                        <i class="el-icon-cpu"></i>
+                        <span slot="title">设备管理</span>
+                    </template>
+                    <el-menu-item>设备接入</el-menu-item>
+                    <el-menu-item>设备解析</el-menu-item>
+                </el-submenu>
+                <el-submenu index="2">
+                    <template slot="title">
+                        <i class="el-icon-odometer"></i>
+                        <span slot="title">数据管理</span>
+                    </template>
+                    <el-menu-item>测点配置</el-menu-item>
+                    <el-menu-item>数据监控</el-menu-item>
+                </el-submenu>
+                <el-submenu index="3">
+                    <template slot="title">
+                        <i class="el-icon-video-camera-solid"></i>
+                        <span slot="title">媒体管理</span>
+                    </template>
+                    <el-menu-item>视频管理</el-menu-item>
+                    <el-menu-item>图片管理</el-menu-item>
+                </el-submenu>
+            </el-menu>
             <el-container>
                 <el-header>
-                    <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;">
+                    <el-radio-group v-model="isCollapse">
                         <el-radio-button :label="false">展开</el-radio-button>
                         <el-radio-button :label="true">收起</el-radio-button>
                     </el-radio-group>
@@ -45,7 +44,7 @@
 </template>
 
 <style lang="scss">
-body {
+    body {
         margin: 0px;
         height: 100%;
     }
@@ -54,28 +53,15 @@ body {
         height: 100%;
     }
 
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-
-#nav {
-  padding: 30px;
-
-  a {
-    font-weight: bold;
-    color: #2c3e50;
-
-    &.router-link-exact-active {
-      color: #42b983;
+    #app {
+        font-family: 'Avenir', Helvetica, Arial, sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        text-align: center;
+        color: #2c3e50;
     }
-  }
-}
 
-.el-container-iot {
+    .el-container-iot {
         height: 100%;
     }
 
@@ -93,14 +79,14 @@ body {
         data() {
             return {
                 isCollapse: false
-            };
+            }
         },
         methods: {
             handleOpen(key, keyPath) {
-                console.log(key, keyPath);
+                console.log(key, keyPath)
             },
             handleClose(key, keyPath) {
-                console.log(key, keyPath);
+                console.log(key, keyPath)
             }
         }
     }