[update] 自定义菜单图标收回菜单文字隐藏

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>