优化页面主题

heimawl

2023-06-08 cb0e31a61fb3131579b04e0615587d4f5534fd7e

优化页面主题

 src/assets/common/leftnavBg.png

 src/assets/styles/sidebar.scss

@@ -15,7 +15,8 @@
    -webkit-transition: width .28s;
    transition: width 0.28s;
    width: $base-sidebar-width !important;
    background-color: $base-menu-background;
    background: -webkit-linear-gradient(bottom, #3d6df8, #5b8cff);

    height: 100%;
    position: fixed;
    font-size: 0px;
@@ -33,7 +34,7 @@
    }

    .scrollbar-wrapper {
      overflow-x: hidden !important;
      background: url('~@/assets/common/leftnavBg.png') no-repeat 0 100%;
    }

    .el-scrollbar__bar.is-vertical {
@@ -46,7 +47,7 @@

    &.has-logo {
      .el-scrollbar {
        height: calc(100% - 50px);
        height: calc(100% - 28px);
      }
    }


 src/assets/styles/variables.scss

@@ -13,7 +13,7 @@
// 默认菜单主题风格
$base-menu-color:#f7f8f8;
$base-menu-color-active:#f4f4f5;
$base-menu-background:#4780d4;
$base-menu-background:transparent;
$base-logo-title-color: #ffffff;

$base-menu-light-color:rgba(0,0,0,.70);

 src/layout/components/Sidebar/Logo.vue

@@ -101,8 +101,8 @@
    width: 100%;

    & .sidebar-logo {
      width: 32px;
      height: 32px;
      width: 42px;
      height: 42px;
      vertical-align: middle;
      margin-right: 12px;
    }
@@ -113,7 +113,7 @@
      color: #fff;
      font-weight: 600;
      line-height: 50px;
      font-size: 14px;
      font-size: 16px;
      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
      vertical-align: middle;
    }