zy-pc/src/app/views/data-generate/data-generate.component.less

@import "../../../../src/theme.less";
:host {
  width: 100%;
  .incidentConfig{
    padding-bottom: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #F0F2F5;
    .tagsAndTemplete{
      height: 64px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .tags{
        height: 100%;
        background: #fff;
        flex: 1;
        padding: 16px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        .transport-peizhizhongxin{
          color: @primary-color;
          font-size: 20px;
          margin-right: 8px;;
        }
        .tagList{
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          display: flex;
          justify-content: center;
          align-items: center;
          span{
            height: 100%;
            display: inline-block;
            padding: 0 24px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            &.active{
              color: @primary-color;
              background: #F0F6ED;
            }
          }
        }
      }
    }
  }
}