chore: update style

src/components/Basic/src/BasicArrow.vue

@@ -15,7 +15,6 @@
 
   export default defineComponent({
     name: 'BasicArrow',
-    inheritAttrs: false,
     components: { RightOutlined },
     props: {
       // Expand contract, expand by default

src/components/Basic/src/BasicHelp.vue

@@ -12,7 +12,6 @@
   import { useDesign } from '/@/hooks/web/useDesign';
   export default defineComponent({
     name: 'BasicHelp',
-    inheritAttrs: false,
     components: { Tooltip },
     props: {
       // max-width

src/components/Basic/src/BasicTitle.vue

@@ -15,7 +15,6 @@
 
   export default defineComponent({
     name: 'BasicTitle',
-    inheritAttrs: false,
     components: { BasicHelp },
     props: {
       helpMessage: {

src/components/Drawer/src/BasicDrawer.vue

@@ -219,7 +219,7 @@
     .ant-drawer-body {
       height: calc(100% - @header-height);
       padding: 0;
-      background-color: @background-color-dark;
+      background-color: #fff;
 
       .scrollbar__wrap {
         padding: 16px !important;

src/components/Modal/src/index.less

@@ -79,7 +79,7 @@
 
   &-confirm-body {
     .ant-modal-confirm-content {
-      color: @text-color-help-dark;
+      color: #fff;
 
       > * {
         color: @text-color-help-dark;

src/components/Page/src/PageWrapper.vue

@@ -132,7 +132,7 @@
     position: relative;
 
     .ant-page-header {
-      padding: 12px 16px;
+      // padding: 12px 16px;
 
       &:empty {
         padding: 0;

src/design/color.less

@@ -14,7 +14,8 @@
 
 @white: #fff;
 
-@content-bg: #f0f2f5;
+@content-bg: #f4f7f9;
+// @content-bg: #f0f2f5;
 
 @info-color: @primary-color;
 
@@ -60,7 +61,7 @@
 // =================================
 
 // dark
-@background-color-dark: #f0f2f5;
+@background-color-dark: #f4f7f9;
 // light
 @background-color-light: #f5f7fa;
 // layout content background

src/layouts/default/header/MultipleHeader.vue

@@ -113,7 +113,7 @@
   @prefix-cls: ~'@{namespace}-layout-multiple-header';
 
   .@{prefix-cls} {
-    margin-left: 1px;
+    // margin-left: 1px;
     transition: width 0.2s;
     flex: 0 0 auto;
 

src/layouts/default/index.vue

@@ -83,5 +83,9 @@
     > .ant-layout {
       min-height: 100%;
     }
+
+    &__main {
+      margin-left: 1px;
+    }
   }
 </style>

src/settings/colorSetting.ts

@@ -16,11 +16,11 @@ export const HEADER_PRESET_BG_COLOR_LIST: string[] = [
 
 // sider preset color
 export const SIDE_BAR_BG_COLOR_LIST: string[] = [
+  '#001529',
   '#273352',
   '#ffffff',
   '#191b24',
   '#191a23',
-  '#001529',
   '#304156',
   '#001628',
   '#28333E',

src/settings/projectSetting.ts

@@ -76,7 +76,7 @@ const setting: ProjectConfig = {
   // Menu configuration
   menuSetting: {
     // sidebar menu bg color
-    bgColor: '#273352',
+    bgColor: '#001529',
     //  Whether to fix the left menu
     fixed: true,
     // Menu collapse