Explorar o código

✨ feat(header-mobile): 切换isShowMenu切换图标

hxl hai 8 meses
pai
achega
10513b858a
Modificáronse 1 ficheiros con 4 adicións e 4 borrados
  1. 4 4
      src/components/headTop.vue

+ 4 - 4
src/components/headTop.vue

@@ -22,7 +22,7 @@
       </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>
@@ -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;
+        }
       }
-
-
     }
 
   }