页面修改

src/layouts/MainLayout.vue

 <template>
-<q-layout view="lHh Lpr lFf">
+  <q-layout view="lHh Lpr lFf">
     <q-header bordered reveal height-hint="98">
       <q-toolbar style="height:60px;" class="q-pr-lg q-pl-lg">
         <q-avatar>
@@ -8,8 +8,10 @@
         <q-toolbar-title style="font-family:perfectFont">
           {{name}}
         </q-toolbar-title>
-            <q-tabs v-model="tab" @input="changeNavs" inline-label style="margin:0 auto; font-family:perfectFont;height:60px" class="text-white" shrink stretch v-if="userInfo">
-                <q-tab v-for="(x, i) in userInfo.MenuList" :key="i" @click="setNavs(i)" :name="`navs_${i}`" :label="x.MenuName" :icon="x.MenuIcon" />
+        <q-tabs v-model="tab" @input="changeNavs" inline-label
+          style="margin:0 auto; font-family:perfectFont;height:60px" class="text-white" shrink stretch v-if="userInfo">
+          <q-tab v-for="(x, i) in userInfo.MenuList" :key="i" @click="setNavs(i)" :name="`navs_${i}`"
+            :label="x.MenuName" :icon="x.MenuIcon" />
         </q-tabs>
         <div class="q-pl-lg">
           <q-btn-dropdown flat color="primary" size="xs">
@@ -146,17 +148,20 @@
     </q-header>
     <q-page-container class="window-height">
       <div class="row items-stretch full-height">
-            <div style="width:180px;box-shadow: 2px 0 10px 0 rgba(237,238,240,0.50);font-family:perfectFont" class="text-subtitle2" v-if="secondNavs && secondNavs.length>0">
+        <div style="width:180px;box-shadow: 2px 0 10px 0 rgba(237,238,240,0.50);font-family:perfectFont"
+          class="text-subtitle2" v-if="secondNavs && secondNavs.length>0">
           <q-list>
             <template v-for="(x,i) in secondNavs">
-                        <q-item :to="x.MenuUrl" clickable v-ripple :active="currentPath==x.MenuUrl" v-if="x.SubList.length==0" :key="i">
+              <q-item :to="x.MenuUrl" clickable v-ripple :active="currentPath==x.MenuUrl" v-if="x.SubList.length==0"
+                :key="i">
                 <q-item-section avatar>
                   <q-icon :name="x.MenuIcon" size="20px" />
                 </q-item-section>
                 <q-item-section>{{x.MenuName}}</q-item-section>
               </q-item>
-                        <q-expansion-item expand-separator icon="iconfont icon-jiangshi" label="讲师管理" v-else>
-                            <q-item :to="y.MenuUrl" clickable v-ripple :active="currentPath==y.MenuUrl" v-for="(y, yi) in x.SubList" :key="yi">
+              <q-expansion-item expand-separator   v-else :label="x.MenuName">
+                <q-item :to="y.MenuUrl" clickable v-ripple :active="currentPath==y.MenuUrl" v-for="(y, yi) in x.SubList"
+                  :key="yi">
                   <q-item-section avatar>
                     <q-icon :name="y.MenuIcon" size="20px" />
                   </q-item-section>
@@ -174,16 +179,16 @@
       </div>
 
     </q-page-container>
-</q-layout>
+  </q-layout>
 </template>
 
 <script>
-import EssentialLink from 'components/EssentialLink.vue'
-import {
+  import EssentialLink from 'components/EssentialLink.vue'
+  import {
     mapGetters
-} from 'vuex'
-import lockr from 'lockr'
-export default {
+  } from 'vuex'
+  import lockr from 'lockr'
+  export default {
     name: 'MainLayout',
     components: {
       EssentialLink
@@ -268,10 +273,12 @@ export default {
         })
       }
     },
-}
+  }
+
 </script>
 <style>
-    .full-width{
+  .full-width {
     height: 100%;
   }
+
 </style>