主页修改

src/assets/icon/iconfont.css

@@ -7,7 +7,7 @@
 
 .iconfont {
   font-family: "iconfont" !important;
-  font-size: 16px;
+  font-size: 18px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

src/views/homepage.vue

@@ -3,14 +3,15 @@
     <div class="topMenuBar">
       <span>{{ $store.state.platformName }}</span>
       <div class="userInformationBar">
-        <div>
+        <div style="margin-right:10px;">
           <span>用户权限</span>
           <span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
         </div>
-        <div>
+        <div style="margin-right:10px;">
           <span>131313132</span>
-          <i class="el-icon-caret-bottom"></i>
+          <span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
         </div>
+        <img src="../imgs/yonghu.png">
       </div>
     </div>
     <div class="mainBody">
@@ -28,16 +29,16 @@
               :router="true"
             >
               <el-menu-item index="/homepage/mineMonitoring">
-                  <i class="el-icon-menu"></i>
+                  <i class="iconfont icon-solid-home" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span slot="title">矿区监控</span>
               </el-menu-item>
               <el-menu-item index="/homepage/videoSurveillance">
-                  <i class="el-icon-menu"></i>
+                  <i class="iconfont icon-diannao" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span slot="title">视频监控</span>
               </el-menu-item>
               <el-submenu index="3">
                 <template slot="title">
-                  <i class="el-icon-location"></i>
+                  <i class="iconfont icon-wenjianjia" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span>生产自动化系统</span>
                 </template>
                 <el-menu-item index="3_1">系统首页</el-menu-item>
@@ -47,7 +48,7 @@
               </el-submenu>
               <el-submenu index="4">
                 <template slot="title">
-                  <i class="el-icon-location"></i>
+                  <i class="iconfont icon-wenjian" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span>生产报表系统</span>
                 </template>
                 <el-menu-item index="4_1">系统首页</el-menu-item>
@@ -55,16 +56,16 @@
                 <el-menu-item index="3_3">历史数据</el-menu-item>
               </el-submenu>
               <el-menu-item index="5">
-                  <i class="el-icon-menu"></i>
+                  <i class="iconfont icon-dingwei" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span slot="title">人员定位系统</span>
               </el-menu-item>
               <el-menu-item index="6">
-                  <i class="el-icon-menu"></i>
+                  <i class="iconfont icon-car-fill" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span slot="title">车辆定位系统</span>
               </el-menu-item>
               <el-submenu index="7">
                 <template slot="title">
-                  <i class="el-icon-location"></i>
+                  <i class="iconfont icon-bianpo" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span>边坡在线监测</span>
                 </template>
                 <el-menu-item index="7_1">系统首页</el-menu-item>
@@ -74,7 +75,7 @@
               </el-submenu>
               <el-submenu index="8">
                 <template slot="title">
-                  <i class="el-icon-location"></i>
+                  <i class="iconfont icon-yezi" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span>环境在线监测</span>
                 </template>
                 <el-menu-item index="8_1">系统首页</el-menu-item>
@@ -83,11 +84,11 @@
                 <el-menu-item index="8_4">报警记录</el-menu-item>
               </el-submenu>
               <el-menu-item index="9">
-                  <i class="el-icon-menu"></i>
+                  <i class="iconfont icon-kuaizhuanggengduo" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span slot="title">数字化储量管理</span>
               </el-menu-item>
               <el-menu-item index="10">
-                  <i class="el-icon-menu"></i>
+                  <i class="iconfont icon-IOTtubiao_huabanfuben" style="margin-right:10px;color:rgb(3,156,205);"></i>
                   <span slot="title">门禁系统</span>
               </el-menu-item>
             </el-menu>
@@ -148,6 +149,7 @@ export default {
 .userInformationBar {
   color: rgb(151, 227, 244);
   display: flex;
+  align-items: center;
 }
 .userInformationBar i {
   width: 21px;
@@ -161,14 +163,20 @@ export default {
 .rightBody{
   width: 100%;
   height: 100%;
+  margin-left: -5px;
 }
 .leftMenuBar>.tac>.el-col>ul{
     width: 240px;
     height: 100vh;
-    font-size: 18px;
     letter-spacing: 2px;
     font-weight: 600;
 }
+.el-menu .el-menu-item{
+  font-size: 18px;
+}
+.el-menu .el-submenu__title{
+  font-size: 18px;
+}
 .el-menu-item{
   height: 50px;
   line-height: 50px;