修改样式

src/App.vue

@@ -12,7 +12,7 @@ export default {
 
 <style>
 @import url('~assets/css/font.css');
-@import url('//at.alicdn.com/t/font_2077629_gk7d14j7mzd.css');
+@import url('//at.alicdn.com/t/font_2077629_zyhpf6yzaab.css');
 
 html,
 body,

src/layouts/MainLayout.vue

@@ -38,8 +38,10 @@
           v-if="secondNavs && secondNavs.length>0">
           <div class="full-width left-menu-box q-pt-md">
             <div class="is-show-menu-2" @click="changeLeft">
-              <a v-if="!IsShowLeft" title="收起"><<</a>
-              <a v-else class="is_Show_menu_3" title="展开">>></a>
+              <!-- <a v-if="!IsShowLeft" title="收起"><<</a> -->
+              <i v-if="!IsShowLeft" class="iconfont icon-shouqi" title="收起"></i>
+              <i v-else class="iconfont icon-zhankai is_Show_menu_3" title="展开"></i> 
+              <!-- <a v-else class="is_Show_menu_3" title="展开">>></a> -->
             </div>
             <q-list style="width:180px;overflow:hidden">
               <template v-for="(x,i) in secondNavs">
@@ -206,25 +208,19 @@
 
   .is-show-menu-2 {
     position: absolute;
-    background: #f3f3f3;
     color: #a1a4a9;
-    border-radius: 10px 0 0 10px;
-    padding: 2px 8px;
     cursor: pointer;
-    /* width:30px; */
-    right:-1px;
-    top:0px;
+    right:75px;
+    bottom:7px;
     z-index:999;
   }
+  .is-show-menu-2 i{
+    font-size:30px;
+  }
   .is_Show_menu_3{
     position: absolute;
-    /* width: 30px; */
-    background: #fff;
-    color: #a1a4a9;
-    border-radius: 0 10px 10px 0;
-    padding: 2px 8px;
-    right: -30px;
-    top: 0;
+    left: 75px;
+    bottom:7px;
     cursor: pointer;
     z-index: 10;
   }
@@ -271,8 +267,8 @@
   .left-menu-box {
     overflow-x: hidden;
     overflow-y: auto;
-    max-height: 100%;
-    height: 100%;
+    max-height: calc(100% - 50px);
+    height: calc(100% - 50px);
     background-color: rgba(255, 255, 255, 0.3);
   }