ソースを参照

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

hxl 8 ヶ月 前
コミット
10513b858a
1 ファイル変更4 行追加4 行削除
  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;
+        }
       }
-
-
     }
 
   }