进销存pro 1.首页及登录页样式微调 2.添加系统架构图页面 3.优化头部搜索菜单栏功能 4.首页快捷功能跳转路由修改

gaoluyang

3 天以前 f1659a1ecde53251bf9c52bc125b2fb07e36da3b

进销存pro
1.首页及登录页样式微调
2.添加系统架构图页面
3.优化头部搜索菜单栏功能
4.首页快捷功能跳转路由修改

 src/layout/components/Sidebar/Logo.vue

@@ -164,6 +164,8 @@

  &.collapse {
    .sidebar-logo-link {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;

@@ -174,19 +176,22 @@
    }

    .sidebar-logo {
      width: 100%;
      height: 100%;
      max-width: 30px;
      max-height: 30px;
      padding: 0;
      width: calc(100% - 8px);
      height: calc(100% - 8px);
      max-width: none;
      max-height: none;
      padding: 4px;
      margin: 0 auto;
      filter: none;
      object-fit: contain;
      object-position: center;
    }

    .sidebar-favicon {
      width: 28px;
      height: 28px;
      max-width: 28px;
      max-height: 28px;
      width: calc(100% - 8px);
      height: calc(100% - 8px);
      max-width: none;
      max-height: none;
    }
  }
}

 src/layout/components/Sidebar/index.vue

@@ -77,14 +77,18 @@
      color: v-bind(getMenuTextColor);
      font-size: 14px;
      letter-spacing: 0;
      transition: all 0.28s ease;
      transition:
        transform 0.18s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease;
      border: none !important;
      display: flex;
      align-items: center;

      &:hover {
        background: linear-gradient(128deg, rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.28), rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.08)) !important;
        transform: translateX(3px);
        transform: translate3d(2px, 0, 0);
      }
    }

@@ -93,12 +97,10 @@

      &.is-active {
        background: var(--menu-active-bg, linear-gradient(135deg, var(--el-color-primary), var(--el-color-primary-light-3))) !important;
        background-size: 180% 180%;
        color: var(--menu-active-text) !important;
        font-weight: 500;
        border-radius: 14px;
        box-shadow: var(--menu-active-glow, 0 10px 24px rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.34));
        animation: sidebarActiveFlow 4.6s ease infinite;

        .svg-icon {
          color: var(--menu-active-text) !important;
@@ -121,7 +123,7 @@
      font-size: 14px !important;
      color: currentColor !important;
      opacity: 0.7;
      transition: all 0.25s ease;
      transition: transform 0.2s ease, opacity 0.2s ease;
    }

    :deep(.el-sub-menu.is-opened .el-sub-menu__icon-arrow) {