From c259b6cac574100c59d3cd5b1deff33b44f546ce Mon Sep 17 00:00:00 2001
From: zhaoxiao <zhaoxiao@syxysoft.com>
Date: Wed, 15 Sep 2021 11:59:01 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E8=87=AA=E5=AE=9A=E4=B9=89=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E5=9B=BE=E6=A0=87=E6=94=B6=E5=9B=9E=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/GlobalLayout.vue | 95 +++++++++++++++-------------
 1 file changed, 51 insertions(+), 44 deletions(-)

diff --git a/src/components/page/GlobalLayout.vue b/src/components/page/GlobalLayout.vue
index 81f6a75..2e10259 100644
--- a/src/components/page/GlobalLayout.vue
+++ b/src/components/page/GlobalLayout.vue
@@ -3,65 +3,65 @@
 
     <template v-if="layoutMode === 'sidemenu'">
       <a-drawer
-          v-if="device === 'mobile'"
-          :wrapClassName="'drawer-sider ' + navTheme"
-          placement="left"
-          @close="() => this.collapsed = false"
-          :closable="false"
-          :visible="collapsed"
-          width="200px"
+        v-if="device === 'mobile'"
+        :wrapClassName="'drawer-sider ' + navTheme"
+        placement="left"
+        @close="() => this.collapsed = false"
+        :closable="false"
+        :visible="collapsed"
+        width="200px"
       >
         <side-menu
-            mode="inline"
-            v-if="device === 'mobile'"
-            :menus="menus"
-            @menuSelect="menuSelect"
-            :theme="navTheme"
-            :collapsed="false"
-            :collapsible="true"></side-menu>
+          mode="inline"
+          v-if="device === 'mobile'"
+          :menus="menus"
+          @menuSelect="menuSelect"
+          :theme="navTheme"
+          :collapsed="false"
+          :collapsible="true"></side-menu>
       </a-drawer>
 
       <side-menu
-          v-show="device === 'desktop'"
-          mode="inline"
-          :menus="menus"
-          @menuSelect="myMenuSelect"
-          :theme="navTheme"
-          :collapsed="collapsed"
-          :collapsible="true"></side-menu>
+        v-show="device === 'desktop'"
+        mode="inline"
+        :menus="menus"
+        @menuSelect="myMenuSelect"
+        :theme="navTheme"
+        :collapsed="collapsed"
+        :collapsible="true"></side-menu>
     </template>
     <!-- 下次优化这些代码 -->
     <template v-else>
       <a-drawer
-          v-if="device === 'mobile'"
-          :wrapClassName="'drawer-sider ' + navTheme"
-          placement="left"
-          @close="() => this.collapsed = false"
-          :closable="false"
-          :visible="collapsed"
-          width="200px"
+        v-if="device === 'mobile'"
+        :wrapClassName="'drawer-sider ' + navTheme"
+        placement="left"
+        @close="() => this.collapsed = false"
+        :closable="false"
+        :visible="collapsed"
+        width="200px"
       >
         <side-menu
-            mode="inline"
-            :menus="menus"
-            @menuSelect="menuSelect"
-            :theme="navTheme"
-            :collapsed="false"
-            :collapsible="true"></side-menu>
+          mode="inline"
+          :menus="menus"
+          @menuSelect="menuSelect"
+          :theme="navTheme"
+          :collapsed="false"
+          :collapsible="true"></side-menu>
       </a-drawer>
     </template>
 
     <a-layout
-        :class="[layoutMode, `content-width-${contentWidth}`]"
-        :style="{ paddingLeft: fixSiderbar && isDesktop() ? `${sidebarOpened ? 200 : 80}px` : '0' }">
+      :class="[layoutMode, `content-width-${contentWidth}`]"
+      :style="{ paddingLeft: fixSiderbar && isDesktop() ? `${sidebarOpened ? 200 : 80}px` : '0' }">
       <!-- layout header -->
       <global-header
-          :mode="layoutMode"
-          :menus="menus"
-          :theme="navTheme"
-          :collapsed="collapsed"
-          :device="device"
-          @toggle="toggle"
+        :mode="layoutMode"
+        :menus="menus"
+        :theme="navTheme"
+        :collapsed="collapsed"
+        :device="device"
+        @toggle="toggle"
       />
 
       <!-- layout content -->
@@ -626,7 +626,6 @@ body {
       border-right-color: transparent;
     }
   }
-
 }
 
 // 外置的样式控制
@@ -694,7 +693,6 @@ body {
 }
 
 .content {
-
   .table-operator {
     margin-bottom: 18px;
 
@@ -703,4 +701,13 @@ body {
     }
   }
 }
+
+// 自定义图标收小隐藏文字
+.ant-menu-inline-collapsed {
+   .anticon-jeecg + span {
+    opacity: 0!important;
+  }
+}
+
+
 </style>