chore: update style

vben

2021-01-06 a1c3c53c1f298996584c773999e95d8f4064f923

chore: update style

 build/config/lessModifyVars.ts

@@ -17,12 +17,12 @@
  // 'heading-color': '#2C3A61', //  Title color
  // 'text-color': '#2C3A61', //  Main text color
  'text-color-secondary ': '#606266', // Subtext color
  'background-color-base': '#F0F2F5', // background color
  'background-color-base': '#f4f7f9', // background color
  'font-size-base': '14px', //  Main font size
  'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', //  Floating shadow
  'border-color-base': '#F0F0F0', //  Border color,
  'border-color-split': '#F0F0F0', //  Border color,
  'border-radius-base': '2px', //  Component/float fillet
  'border-radius-base': '4px', //  Component/float fillet
};
//}


 index.html

@@ -24,7 +24,7 @@
          justify-content: center;
          align-items: center;
          flex-direction: column;
          background: #f0f2f5;
          background: #f4f7f9;
        }

        .app-loading .app-loading-wrap {

 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 @@

// 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 @@
  // Menu configuration
  menuSetting: {
    // sidebar menu bg color
    bgColor: '#273352',
    bgColor: '#001529',
    //  Whether to fix the left menu
    fixed: true,
    // Menu collapse