left

src/views/Home.vue

@@ -34,23 +34,23 @@
                 <i class="el-icon-document"></i>
                 <span>业务协同调度子系统</span>
               </template>
-              <el-menu-item index="/ywxtddzxt">事件案例库</el-menu-item>
-              <el-menu-item index="/ywxt">业务协同</el-menu-item>
+              <el-menu-item index="/ywxtddzxt"><i class="el-icon-coin"></i>事件案例库</el-menu-item>
+              <el-menu-item index="/ywxt"> <i class="el-icon-connection"></i>业务协同</el-menu-item>
             </el-submenu>
             <el-menu-item index="/tjstzxt">
-              <i class="el-icon-setting"></i>
+              <i class="el-icon-s-data"></i>
               <span slot="title">统计视图子系统</span>
             </el-menu-item>
             <el-menu-item index="/gckhzxt">
-              <i class="el-icon-setting"></i>
+              <i class="el-icon-s-grid"></i>
               <span slot="title">过程考核子系统</span>
             </el-menu-item>
             <el-menu-item index="/wssqzxt">
-              <i class="el-icon-setting"></i>
+              <i class="el-icon-monitor"></i>
               <span slot="title">网上社区子系统</span>
             </el-menu-item>
             <el-menu-item index="/sjsb">
-              <i class="el-icon-setting"></i>
+              <i class="el-icon-price-tag"></i>
               <span slot="title">事件上报</span>
             </el-menu-item>
             <el-submenu index="2">
@@ -58,12 +58,12 @@
                 <i class="el-icon-document"></i>
                 <span>统计分析</span>
               </template>
-              <el-menu-item index="/rkzjfx">人口状况分析</el-menu-item>
-              <el-menu-item index="/zdsjyjfx">重大事件预警分析</el-menu-item>
-              <el-menu-item index="/kshfx">可视化分析</el-menu-item>
-              <el-menu-item index="/zdqsnxxfx">重点青少年信息分析</el-menu-item>
-              <el-menu-item index="/shzzfx">社会组织分析</el-menu-item>
-              <el-menu-item index="/shzatjfx">社会治安统计分析</el-menu-item>
+              <el-menu-item index="/rkzjfx"><i class="el-icon-user"></i>人口状况分析</el-menu-item>
+              <el-menu-item index="/zdsjyjfx"><i class="el-icon-warning-outline"></i>重大事件预警分析</el-menu-item>
+              <el-menu-item index="/kshfx"><i class="el-icon-view"></i>可视化分析</el-menu-item>
+              <el-menu-item index="/zdqsnxxfx"><i class="el-icon-edit-outline"></i>重点青少年信息分析</el-menu-item>
+              <el-menu-item index="/shzzfx"><i class="el-icon-news"></i>社会组织分析</el-menu-item>
+              <el-menu-item index="/shzatjfx"><i class="el-icon-pie-chart"></i>社会治安统计分析</el-menu-item>
             </el-submenu>
           </el-menu>
         </el-aside>
@@ -108,7 +108,9 @@ export default {
       height: 40px;
       margin: 8px;
     }
-
+   .el-menu-vertical-demo{
+     text-align: left;
+   }
     .home_head_title {
       vertical-align: middle;
       margin-left: 5px;
@@ -128,7 +130,7 @@ export default {
 
   .el-aside {
     color: #333;
-    text-align: center;
+    text-align: left;
     line-height: 200px;
   }