feat: 样式调整

hx-op/src/App.vue

@@ -25,45 +25,52 @@
 
 <style lang="less" scoped>
   :deep(.ns-content) {
-    padding-top: 80px !important;
+    // padding-top: 80px !important;
   }
   #app {
     width: 100%;
     height: 100%;
+    min-width: 1000px;
   }
 
   :deep(.ns-left-menu .firstMenuItem-selected .ant-menu-title-content) {
     background: unset !important;
   }
-  :deep(.ns-left-menu .ant-menu-item-selected .ant-menu-title-content) {
-    color: #fff !important;
-    background: @primary-color;
-    border-radius: 2px;
-    height: 40px;
-    line-height: 40px;
-    a {
-      color: #ffffff !important;
+  :deep(.ns-left-menu) {
+    .ant-menu-item-active,
+    .ant-submenu-item-active {
+      background: #ecf3ff !important;
+    }
+    .ant-menu-item-selected .ant-menu-title-content {
+      // color: #fff !important;
+      background: @primary-color;
+      border-radius: 12px;
+      height: 40px;
+      line-height: 40px;
+      a {
+        color: @white !important;
+      }
     }
   }
 
   :deep(.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover) {
     background: @primary-color;
   }
-  :deep(.ant-menu-inline .ant-menu-submenu-title) {
-    color: rgba(255, 255, 255, 0.9) !important;
-  }
+  // :deep(.ant-menu-inline .ant-menu-submenu-title) {
+  //   color: rgba(255, 255, 255, 0.9) !important;
+  // }
   :deep(.ns-left-menu .ant-layout-sider-children .ant-menu-sub.ant-menu-inline) {
-    position: relative;
-    &::before {
-      display: flex;
-      width: 2px;
-      height: calc(100% - 40px);
-      position: absolute;
-      top: 20px;
-      left: 20px;
-      content: '';
-      background-color: rgba(255, 255, 255, 0.2);
-    }
+    // position: relative;
+    // &::before {
+    //   display: flex;
+    //   width: 2px;
+    //   height: calc(100% - 40px);
+    //   position: absolute;
+    //   top: 20px;
+    //   left: 20px;
+    //   content: '';
+    //   background-color: rgba(255, 255, 255, 0.2);
+    // }
   }
 
   //*************************含tab的 list列表样式 */
@@ -171,45 +178,3 @@
     }
   }
 </style>
-<style lang="less">
-  // 列表弹框样式修改
-  .listTableModal .ant-modal-title {
-    font-weight: 600;
-  }
-  .listTableModal .ant-modal-body {
-    padding: 16px !important;
-    .ant-tabs-nav-wrap {
-      padding: 0px;
-    }
-    .ns-list-table {
-      border-left: 16px solid #e5ebf0;
-      border-right: 16px solid #e5ebf0;
-      border-bottom: 16px solid #e5ebf0;
-    }
-  }
-  :deep(.ant-menu-submenu-title) {
-    color: #ffffff !important;
-  }
-</style>
-<style lang="less">
-  //************************修改顶部菜单弹框样式
-  .ant-menu-submenu-placement-bottomLeft {
-    .ant-menu-submenu {
-      background: rgb(3 24 53) !important;
-    }
-
-    .ant-menu-sub {
-      background: rgb(3 24 53) !important;
-    }
-    .ant-menu-title-content {
-      color: #fff !important;
-      .ns-icon {
-        margin-right: 7px;
-        transform: translateY(2px);
-      }
-    }
-    .ant-menu-submenu-arrow {
-      color: #fff !important;
-    }
-  }
-</style>

hx-op/src/config/app.config.ts

@@ -20,6 +20,7 @@ export const appConfig = {
   baseHeader: '/parkingManage',
   baseRouter: '/parkingManage/parkingLotManage',
   themeConfig: {
+    logoLessUrl: `${import.meta.env.VITE_PUBLIC_PATH}/asset/image/headerIcon.png`,
     bgImageUrl: `${import.meta.env.VITE_PUBLIC_PATH}/asset/image/login/background.png`,
   },
   // userCustomRouterGuard: (to, from, next, whiteNameList, authorizationStore, appConfig) => {