样式修改

gassafetyprogress-web/src/assets/styles/all.scss

@@ -640,9 +640,9 @@
   vertical-align: middle;
   display: inline-block;
   margin-bottom: 25px;
-  margin-right: 10px;
+  margin-right: 25px;
 }
-[class^=el-icon-], [class*=" el-icon-"] {
+.el-icon-chat-dot-round {
   font-family: "element-icons" !important;
   speak: none;
   font-style: normal;
@@ -662,7 +662,7 @@
 }
 .el-badge__content.is-fixed {
   top: 15px !important;
-  right: 20px !important;
+  right: -5px !important;
 }
 .el-badge__content {
   padding: 0 2px !important;

gassafetyprogress-web/src/layout/components/Navbar.vue

@@ -8,8 +8,8 @@
     <div class="right-menu">
       <template v-if="device!=='mobile'">
         <!-- <search id="header-search" class="right-menu-item" /> -->
-          <el-badge :value="200" :max="99" class="item">
-            <i class="el-icon-chat-dot-round"></i>
+          <el-badge :value="20" :max="99" class="item">
+            <i class="el-icon-chat-dot-round" style="width: 10px;height: 10px;"></i>
           </el-badge>