thirdmenu

king

2019-11-05 fa80db0a824464cd0cbc46d5207021263211236d

 src/components/sidemenu/index.scss

@@ -13,9 +13,15 @@
      padding-left: 48px;
    }
  }
  .ant-menu-sub.ant-menu-inline {
    position: relative;
  }
  .ant-menu-sub.ant-menu-inline > .ant-menu-item { // 重置三级菜单行高
    height: 30px;
    line-height: 30px;
    .edit-check {
      top: -5px;
    }
  }
  .ant-menu-inline .ant-menu-item {
    font-size: 1.5rem;
@@ -36,6 +42,9 @@
    margin-right: 0px;
    right: 0px;
    top: 0px;
    :hover {
      color: #ffffff;
    }
  }
  .edit-control + .ant-menu-submenu-arrow {
    display: none;
@@ -60,29 +69,86 @@
      margin-left: 5px;
    }
  }
  // .editboard {
  //   position: fixed;
  //   top: 48px;
  //   left: 0px;
  //   right: 0px;
  //   bottom: 0px;
  //   background: rgba(0, 0, 0, 0.15);
  //   .workplace {
  //     position: relative;
  //     width: calc(100vw - 235px);
  //     height: 100%;
  //     overflow-y: auto;
  //     left: 235px;
  //     background: #ffffff;
  .editboard {
    position: fixed;
    z-index: 10;
    top: 48px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.15);
    .workplace {
      position: relative;
      width: calc(100vw - 235px);
      height: 100%;
      overflow-y: auto;
      left: 235px;
      background: #ffffff;

  //     .level2-left {
  //       width: 350px;
  //       margin-left: 20px;
  //       float: left;
  //       height: calc(100vh - 125px);
  //     }
  //   }
  // }
      .ant-col {
        padding: 10px;
      }
      .ant-card-body {
        padding: 2px;
        position: relative;
        text-align: center;
        overflow: hidden;
        .card-operation {
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: 0px;
          top: 100%;
          background: rgba(0, 0, 0, 0.35);
          padding-top: 0;
          transition: top 0.3s, padding-top 0.3s;
          button:first-child {
            margin-right: 10px;
          }
          button {
            display: none;
          }
        }
      }
      .ant-card-body:hover {
        .card-operation {
          top: 0;
          padding-top: 24%;
          button {
            display: inline-block;
          }
        }
      }
      img {
        max-width: 100%;
      }
    }
  }
  .sup-menu {
    position: relative;
    z-index: 1;
  }
  .ant-menu-sub.ant-menu-inline .sub-menu {
    position: absolute;
    z-index: 1;
    width: 30px;
    left: 205px;
  }
  .cus-submenu-title {
    padding: 0px 24px;
    background: #364150;
    margin: 0;
    height: 48px;
    line-height: 48px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    i {
      margin-right: 10px;
    }
  }
}
.side-menu.iframe { // tab页中为iframe时
  max-height: 100vh;