cd-work-flow-web/src/assets/less/drawer.less

/deep/ .ant-card-body {
  padding: 10px !important;
}
// card 标题颜色
/deep/ .ant-card-head-title {
  padding: 0;
  font-weight: 700;
  font-size: 14px;
}

/deep/ .ant-card-head {
  min-height: 30px;
  border-bottom: none;
  line-height: 30px;
}

// 已选功能
.selectTag {
  height: 124px; //固定高度
  background-color: #90caf9;
  .selected {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    .selectedItem {
      width: calc((100% - 36px) / 4);
      display: flex;
      margin: 4px;
      justify-content: center;
      align-items: center;
      border-radius: 0;
    }
  }
  /deep/ .ant-card-head-title {
    color: #003f88;
    margin-top: 10px;
  }
  //不要边框
  .ant-tag {
    border: none;
  }
}

// 额外的定位
.second {
  background-color: white;
  margin: 0 20px 0 12px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 100px;
  span {
    font-size: 14px;
    color: #333;
    display: inline-block;
  }
}

.searchLine {
  margin-top: 106px;
  /deep/ .ant-row {
    margin: 10px 0; //每个菜单的间距
    /deep/ .ant-card {
      background-color: gray;
      /deep/ .ant-card-head {
        display: none !important;
      }
      /deep/ .ant-card-body {
        background-color: pink !important;
      }
    }
  }

  //选中的样式
  .active {
    background-color: rgba(19, 116, 206, 0.5);
    border-radius: 10px;
    a {
      color: white;
    }
  }
}
// 功能列表----------------
// 一级
.oneMenuItem {
  text-align: center;
}
// 二级
.LevelTwoMenu {
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  .twoMenuItem {
    text-align: center;
    background-color: #f3f3f3 !important;
    border: 1px solid #dfdfdf;
    width: calc((100% - 50px) / 4);
    display: flex;
    margin: 0 6px 6px 6px;
    // padding: 0 4px;
    a {
      color: #333 !important;
      text-decoration: none;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  .bg {
    background-color: blue;
  }
}