菜单样式

.umirc.ts

@@ -40,12 +40,14 @@ export default defineConfig({
       path: '/home',
       component: './Home/index',
       menuRender: false,
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/homeIcon.png',
     },
     {
       name: '审批流管理',
       path: '/flow',
       access: 'isAdmin',
       hideChildrenInMenu: true,
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/flowIcon.png',
       routes: [
         // {
         //   path: '/flow',
@@ -68,6 +70,7 @@ export default defineConfig({
       name: 'OA审批',
       path: '/oa',
       hideChildrenInMenu: true,
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/oaIcon.png',
       routes: [
         {
           name: 'OA审批',
@@ -101,11 +104,13 @@ export default defineConfig({
       name: '文档管理',
       path: '/fileManagement',
       component: './FileManagement/index',
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/fileIcon.png',
     },
     {
       name: '合同管理',
       path: '/contract-manager',
       component: './ContractManager/index',
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/contractIcon.png',
     },
     // {
     //   name: '授权管理',
@@ -126,6 +131,7 @@ export default defineConfig({
     {
       name: '个人中心',
       path: '/profile',
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/profileIcon.png',
       routes: [
         {
           name: '我的申请',
@@ -162,6 +168,7 @@ export default defineConfig({
       name: '供应商管理',
       path: '/manufacturer',
       component: './ManufacturerMng/Firm',
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/manufacturerIcon.png',
     },
   ],
   npmClient: 'yarn',

src/global.less

@@ -114,10 +114,72 @@ input[type='reset'] {
   height: 79px;
 }
 .ant-layout .ant-layout-header {
-  height: 79px;
-  line-height: 79px;
+  height: 79px !important;
+  line-height: 79px !important;
 }
 .ant-pro-global-header-logo-mix {
   margin-left: 62px;
 }
 
+.ant-layout-sider {
+  height: calc(100% - 79px) !important;
+  inset-block-start: 79px !important;
+  background-size: 132% 100% !important;
+  background-image: url(@/assets/SideMenu/background.png) !important;
+}
+
+.ant-menu-title-content {
+  font-size: 20px;
+  color: #e8f7fc;
+}
+
+.ant-pro-base-menu-icon {
+  height: 20px;
+  width: 20px;
+}
+.ant-pro-base-menu-item-icon {
+  margin-right: 10px;
+}
+
+.ant-menu-item,
+.ant-menu-submenu {
+  margin-top: 15px !important;
+  margin-bottom: 15px !important;
+}
+
+.ant-menu-item,
+.ant-menu-submenu-title {
+  border-bottom: 1px solid !important;
+  border-image: linear-gradient(#3e6ab4, #5bbdfa) 2 2 2 2 !important;
+}
+
+.ant-menu-sub {
+  margin-left: 32px !important;
+  .ant-menu-item {
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
+  }
+  .ant-menu-title-content {
+    font-size: 17px;
+    color: #e8f7fc;
+  }
+}
+
+.ant-menu-submenu-arrow {
+  color: #e8f7fc;
+}
+
+.ant-menu-item-selected,
+.ant-pro-base-menu-collapsed
+  .ant-menu-submenu-selected
+  > .ant-menu-submenu-title,
+.ant-menu-item:active {
+  background-image: url(@/assets/SideMenu/selectedBackground.png);
+  background-color: transparent !important;
+}
+
+.ant-menu-submenu-popup {
+  .ant-menu {
+    background-color: #1b366f !important;
+  }
+}