修改新增

祖安之光

2025-09-28 801e3d9a38cb8849d7256b48f68da7f61062140c

修改新增

 src/assets/styles/sidebar.scss

@@ -14,7 +14,6 @@

  .sidebar-container {
    -webkit-transition: width .28s;
    transition: width 0.28s;
    width: $base-sidebar-width !important;
    background-color: $base-menu-background;
    height: calc(100% - 20px);
@@ -23,11 +22,18 @@
    top: 10px;
    bottom: 10px;
    left: 15px;
    box-sizing: border-box;
    z-index: 1001;
    overflow: hidden;
    border-radius: 0.6rem;
    -webkit-box-shadow: 8px 0 15px rgba(0,21,41,.08);
    box-shadow: 8px 0 15px rgba(0,21,41,.08);
    border-radius: 1rem;
    transition: 0.6s;
    border: 2px solid $base-menu-light-background;

    &:hover{
      border: 2px solid #fff;
      -webkit-box-shadow: 8px 3px 15px rgba(15,53,138,.2);
      box-shadow: 8px 3px 15px rgba(15,53,138,.2);
    }

    // reset element-ui css
    .horizontal-collapse-transition {
@@ -86,7 +92,7 @@


    .el-menu--inline:not(:has(.el-sub-menu)){
      background-color: #f5f7fa !important;
      background-color: #2563eb !important;
      box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
    }

@@ -97,7 +103,7 @@
      transition: 0.6s;
      &:hover {
        color: #fff !important;
        background-color: #2563eb !important;
        background-color: rgba(255,255,255,.5) !important;
      }
    }

@@ -117,11 +123,11 @@

      &:hover {
        color: #fff;
        background-color: rgba(37,99,235,.8) !important;
        background-color: rgba(255,255,255,.5) !important;
      }
      &.is-active {
        color: #fff;
        background-color: #2563eb !important;
        background-color: rgba(255,255,255,.2) !important;
        box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
      }


 src/assets/styles/variables.module.scss

@@ -14,9 +14,9 @@
$base-menu-background: #304156;
$base-logo-title-color: #ffffff;

$base-menu-light-color: rgba(0, 0, 0, 0.7);
$base-menu-light-background: #ffffff;
$base-logo-light-title-color: #001529;
$base-menu-light-color: #fff;
$base-menu-light-background: #2563eb;
$base-logo-light-title-color: #fff;

$base-sub-menu-background: #1f2d3d;
$base-sub-menu-hover: #001528;