页面修改

src/layouts/MainLayout.vue

@@ -132,9 +132,11 @@
     </q-header>
     <q-page-container class="window-height">
       <div class="row items-stretch full-height">
+        <a @click="changeLeft">隐藏{{IsShowLeft}}</a>
         <div style="box-shadow: 2px 0 10px 0 rgba(237,238,240,0.50);font-family:perfectFont;"
-          class="text-subtitle2 second-menu-bg" :style="{'width':isExpend?'40px':'180px'}"
+          class="text-subtitle2 second-menu-bg" :style="{'width':IsShowLeft?'20px':'180px'}"
           v-if="secondNavs && secondNavs.length>0">
+
           <div class="full-width left-menu-box q-pt-md">
             <q-list style="width:180px;overflow:hidden">
               <template v-for="(x,i) in secondNavs">
@@ -169,20 +171,13 @@
 </template>
 
 <script>
-  import EssentialLink from 'components/EssentialLink.vue'
   import {
     mapGetters
   } from 'vuex'
-  import lockr from 'lockr'
   export default {
     name: 'MainLayout',
-    components: {
-      EssentialLink
-    },
     data() {
       return {
-        leftDrawerOpen: false,
-        //essentialLinks: linksData
         tab: "navs_0",
         currentPath: "",
         secondNavs: [],
@@ -200,22 +195,8 @@
           width: '6px',
           opacity: 0.5
         },
-        contentStyle2: {
-          backgroundColor: 'rgba(0,0,0,0.02)',
-          color: '#555'
-        },
         isExpend: false,
-        contentActiveStyle2: {
-          backgroundColor: '#eee',
-          color: 'black'
-        },
-        thumbStyle2: {
-          right: '0px',
-          borderRadius: '5px',
-          backgroundColor: '#027be3',
-          width: '5px',
-          opacity: 0.75
-        },
+        IsShowLeft: true,
         userCenterMenuList: [], //用户中心菜单
       }
     },
@@ -255,10 +236,11 @@
       if (this.userInfo && this.userInfo.MenuList) {
         this.secondNavs = this.userInfo.MenuList.length > 0 ? this.userInfo.MenuList[i].SubList : []
       }
-
-
     },
     methods: {
+      changeLeft() {
+        this.IsShowLeft = !this.IsShowLeft;
+      },
       logout() {
         this.$store
           .dispatch('LogOut')