AX.Angular9DataCollection/src/app/ui/collection-tools/collection-tools.component.scss

.content {
  width: 100%;
  height: 93%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 3px;
  display: flex;
  flex-direction: column;
}

//header头部
.header {
  flex: 5%;
  min-height: 40px;
  background-color: #fff;
}

//头部操作栏
.headerOperate {
  flex: 5%;
  min-height: 40px;
  box-sizing: border-box;
  margin: 3px 0;
}

//功能区
//滚动条样式
::-webkit-scrollbar{
  width: 5px;
  background-color: white;
}
::-webkit-scrollbar-thumb{
  background-color: #999;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: none;
  border: 1px solid #E6EAEE;
  background-color: #E6EAEE;
}
.functionalDomain {
  flex: 90%;
  .functionalDomainContent {
    width: 100%;
    height: 100%;
  }
  .functionalDomainLeft {
    width: 13%;
    height: 100%;
  }
  #functionalDomainRight {
    background-color: #fff;
    height: 100%;
    display: flex;
    position: relative;
    #h5Unity {
      flex: 100%;
      #h5Canvas{
        width: 100%;
        height: 100%;
      }
    }
    .rightAttribute{
      width: 13%;
      height: 100%;
      position: absolute;
      right: 0;
      bottom: 0;
      border: 1px solid #E6EAEE;
      background-color: #E6EAEE;
    }
  }
}