foster-pc-vue/src/views/ns_allot/components/table.scss

@import "../../../styles/index.scss";
.table{
  @include wh(calc(100%),auto);
  border: 1px solid #16494f;
  border-radius: 5px;
  box-sizing: border-box;
  .title{
    @include wh(100px,26px);
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
  }
  .thead{
    min-height: rpx(50);
    display: flex;
    border-bottom: 1px solid #009a8c;
    box-sizing: border-box;
    color: #e6e6e6;
    .th{
      @include wh(calc(33% - 20px),rpx(50));
      line-height: rpx(50);
      text-align: center;
      border-right: 1px solid #009a8c;
      box-sizing: border-box;
      background-color: #009a8c40;
    }
    .th:first-child{
      border-top-left-radius: 5px;
    }
    .th:last-child{
      border-top-right-radius: 5px;
    }
    .notopborder{
      border-top: none;
    }
  }
  .tbody{
    @include wh(100%,auto);
    font-size: 16px;
    color: #00DCC6;
    .row{
      display: flex;
      border-bottom: 1px solid #009a8c;
      box-sizing: border-box;
      .col{
        @include wh(calc(33% - 20px),rpx(60));
        line-height: rpx(60);
        border-right: 1px solid #009a8c;
        text-align: center;
        box-sizing: border-box;
        .com{
          float: left;
          width: calc(100% - 35px);
          border: none;
          padding: 0px;
          color: #009a8c;
          background-color: transparent;
          line-height: rpx(60);
        }
        .prefix{
          float: left;
          width: 35px;
        }
      }
      .col:first-child{
        border-left: 1px solid #009a8c;
      }
      .notopborder{
        border-top: none;
      }
    }
    .row:last-child{
      border-bottom: 1px solid #009a8c;
      box-sizing: border-box;
    }
  }
}

.my-select{
  margin: 0px 5px 0px 5px;
  background-color: transparent;
  border: none;
  color: #009a8c;
  width: calc(100% - 5px - 5px);
  line-height: rpx(60);
  .my-option{
    color: #009a8c;
    background-color: transparent;
    border: none;
    line-height: rpx(60);
  }
}