1

src/layout/components/Navbar.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-
     <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
     <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
 
@@ -43,7 +41,6 @@
 import { mapGetters } from 'vuex'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
-import Hamburger from '@/components/Hamburger'
 import Screenfull from '@/components/Screenfull'
 import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
@@ -55,7 +52,6 @@ export default {
   components: {
     Breadcrumb,
     TopNav,
-    Hamburger,
     Screenfull,
     SizeSelect,
     Search,
@@ -64,7 +60,6 @@ export default {
   },
   computed: {
     ...mapGetters([
-      'sidebar',
       'avatar',
       'device',
       'nickName'
@@ -81,9 +76,6 @@ export default {
     }
   },
   methods: {
-    toggleSideBar() {
-      this.$store.dispatch('app/toggleSideBar')
-    },
     setLayout(event) {
       this.$emit('setLayout')
     },
@@ -116,33 +108,6 @@ export default {
     padding: 0 5px;
   }
 
-  .hamburger-container {
-    line-height: 46px;
-    height: 100%;
-    float: left;
-    cursor: pointer;
-    transition: background .3s;
-    -webkit-tap-highlight-color:transparent;
-    padding: 0 12px;
-    min-width: 44px; // 增大触摸目标
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    @media (max-width: 768px) {
-      line-height: 48px;
-      padding: 0 10px;
-    }
-
-    &:hover {
-      background: rgba(0, 0, 0, .025)
-    }
-    
-    &:active {
-      background: rgba(0, 0, 0, .05)
-    }
-  }
-
   .breadcrumb-container {
     float: left;
     
@@ -153,10 +118,10 @@ export default {
 
   .topmenu-container {
     position: absolute;
-    left: 50px;
+    left: 0;
     
     @media (max-width: 768px) {
-      left: 44px;
+      left: 0;
     }
   }