Merge branch 'dev1.0' of http://42.193.1.25:9521/r/sccg_ui into dev1.0

zhanghua

2023-02-16 a8532e35b1a39de9bbcc5f2a648fe02c72d9c2b0

 src/views/layout/components/Menu/index.vue

@@ -28,6 +28,7 @@
                  v-if="secondMenu.menuVoArrayList.length > 0"
                  :index="secondMenu.url ? secondMenu.url : secondMenu.id.toString()"
                  class="secondMenu"
                  :class="secondMenu.menuVoArrayList.length > 0?'is-Active':'none-Active'"
                >
                  <template slot="title">
                    <span class="secondSpan">{{ secondMenu.title }}</span>
@@ -111,14 +112,12 @@
    height: 36px;
  }
}

.el-aside {
  background: #313350;
  color: #e9eef3;
  text-align: center;
  box-sizing: border-box;
  position: relative;

  //    固定标题
  .siderbar-title {
    position: fixed;
@@ -132,59 +131,87 @@
    z-index: 999;
    cursor: pointer;
  }

  .el-scrollbar {
    height: calc(100vh - 66px);
    margin-top: 66px;
    box-sizing: border-box;

    .el-menu {
      background: linear-gradient(#313350, #0f2b56);
      border: 0;

      font-size: 16px;
      .is-opened{
        .fisrtSpan{
          color: #22d3eb;
        }
      }
      .firstMenu {
        background: #313350;
        text-align: left;

        //border-bottom:1px solid #ccc ;
        &:hover > .el-submenu__title {
          background-color: #092c4a;
        }

        &:hover .fisrtSpan {
          color: #22d3eb;
        }

        span,
        span {
          color: #e9eef3;
          font-size: 16px;
        }

        .el-menu{
          .is-active {
            background-color: #409EFF;
            color: #fff;
          }
          .is-Active{
            background-color: #092c4a;
            color: #fff;
          }
        }
        .el-menu-item {
          color: #e9eef3;
          background-color: #313350;
          font-size: 16px;
          border-bottom: 1px solid #ccc;
        }

        .el-menu-item:hover {
          background-color: #409EFF;
          color: #22d3eb;
        }
        .is-opened{
          .secondSpan{
            color: #22d3eb;
          }
        }
        .secondMenu{
          //border-bottom:1px solid #ccc ;
          .is-active {
            background-color: #409EFF;
            color: #22d3eb;
          }
        }
      }
      .secondMenu {

        &:hover > .el-submenu__title {
          background-color: #092c4a;
        }
          .secondSpan{
          }
        &:hover .secondSpan {
          color: #22d3eb;
        }
        .is-opened{
          .el-submenu__title{
            background-color: #fff;
          }
        }
        .is-active {
          background-color: #409EFF;
          color: #fff;
        }
      }

      .secondMenu {
        &:hover > .el-submenu__title {
          background-color: #092c4a;
        }

        &:hover .secondSpan {
          color: #22d3eb;
        }
      }

      .thirdMenu {
        &:hover > .el-submenu__title {
          background-color: #092c4a;
@@ -199,7 +226,6 @@
        background-color: #092c4a;
      }
    }

    .el-scrollbar__wrap {
      overflow-x: hidden;
    }