网格绘制

zhanghua

2023-01-30 5173f8e31d106abd003e123c8679cf53c7940b33

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

@@ -14,7 +14,7 @@
          >
            <template slot="title">
              <span slot="prefix" class="icon-padding fisrtSpan">
                <svg-icon :icon-class="menu.icon"></svg-icon>
                <svg-icon class="icon-title" :icon-class="menu.icon"></svg-icon>
              </span>
              <span class="fisrtSpan">{{ menu.title }}</span>
            </template>
@@ -96,10 +96,14 @@
<style lang="scss" scpoed>
.icon-padding {
  padding-right: 10px;
  .icon-title{
    width: 36px;
    height: 36px;
  }
}

.el-aside {
  background: #07162e;
  background: #313350;
  color: #e9eef3;
  text-align: center;
  box-sizing: border-box;
@@ -116,6 +120,7 @@
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
  }

  .el-scrollbar {
@@ -124,11 +129,11 @@
    box-sizing: border-box;

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

      .firstMenu {
        background: #07162e;
        background: #313350;
        text-align: left;

        &:hover > .el-submenu__title {
@@ -146,7 +151,7 @@

        .el-menu-item {
          color: #e9eef3;
          background-color: #07162e;
          background-color: #313350;
        }

        .el-menu-item:hover {
@@ -155,7 +160,7 @@
        }

        .is-active {
          background-color: #07162e;
          background-color: #313350;
          color: #22d3eb;
        }
      }