提交

src/components/common/Header2.vue

@@ -1,9 +1,10 @@
 <template>
     <div class="header">
         <!-- 折叠按钮 -->
-       
-        <div class="" @click="goHome" >
-            <i class="el-icon-s-home" style="font-size: 24px;line-height: 60px;color: #006699d1;"></i>
+      
+        <div class=""  style="display: flex;align-items: center">
+            <i class="el-icon-s-home" style="font-size: 24px;line-height: 40px;color: #006699d1;"@click="goHome"></i>
+       <img v-if="isProofreading" src="../../assets/img/Online Proofreading.png" alt="" height="24px" style="margin-left: 10px;margin-top: 4px;"/>
         </div>
        
         <div class="header-right">
@@ -85,6 +86,7 @@ export default {
     props: ['home'],
     data() {
         return {
+            isProofreading: false,
             collapse: false,
             fullscreen: false,
             name: 'unknown user',
@@ -277,6 +279,13 @@ export default {
         $route: {
             handler: function (route) {
                 this.link_path = route.path;
+                if(this.link_path.includes('OnlineProofreading')){
+                    this.isProofreading=true;
+
+                }else{
+                    this.isProofreading=false;
+                }
+                
             },
             immediate: true
         }
@@ -291,7 +300,7 @@ export default {
     width: 100%;
     display: flex;
     justify-content: space-between;
-    height: 60px;
+    height: 40px;
     padding: 0 20px;
     color: #333639;
     box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
@@ -302,7 +311,7 @@ export default {
     float: left;
     padding: 0 15px 0 21px;
     cursor: pointer;
-    line-height: 60px;
+    line-height: 40px;
 }
 
 .header .logo {
@@ -337,7 +346,7 @@ export default {
 
 .header-user-con {
     display: flex;
-    height: 60px;
+    height: 40px;
     align-items: center;
 }
 
@@ -350,7 +359,7 @@ export default {
 .changelang {
     position: relative;
     width: 90px;
-    height: 30px;
+    /* height: 30px; */
 }
 
 .btn-fullscreen {