src/components/headTop.vue

@@ -22,12 +22,12 @@
       </div>
 
       <div class="header-mobile-tool">
-        <i class="el-icon-edit" @click.stop="toggleMenu()"></i>
+        <i :class="isShowMenu ? 'el-icon-close' : 'el-icon-edit'" @click.stop="toggleMenu()"></i>
       </div>
 
       <router-link class="header-tool" to="/ContactUs">Sign up</router-link>
     </div>
-    <div class="header-menu-wrap" v-show="isShowMenu">
+    <div class="header-menu-wrap" v-if="isShowMenu">
       <div class="header-link" @click="toggleMenu(link.path)" v-for="link in links" :to="link.path"
         active-class="header-link-active">{{
         link.name }}</div>
@@ -264,14 +264,14 @@ export default {
       .header-mobile-tool {
         display: block;
         font-size: 30px;
-        cursor: pointer;
         flex: 1;
         order: 2;
         text-align: right;
         margin-right: 20px;
+        i {
+          cursor: pointer;
+        }
       }
-
-
     }
 
   }