agriculture-one-map/src/views/edit_ns_recrod/table.scss

@import "../../styles/index.scss";
.table{
  @include wh(calc(100%),auto);
  box-sizing: border-box;
  background: #010E11;
  border-radius: 9px;
  border: 1px solid #29AAAE;
  .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;
    }
    .tools {
      @include wh(calc(1% + 60px), rpx(50));
      line-height: rpx(50);
      text-align: center;
      background-color: #009a8c40;
      border-top-right-radius: 5px;
    }
    .notopborder{
      border-top: none;
    }
  }
  .tbody{
    @include wh(100%,auto);
    .row{
      display: flex;
      color: #009a8c;
      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;
        }
      }
      .tools{
        @include wh(calc(1% + 60px),rpx(60));
        line-height: rpx(60);
        text-align: center;
        .item-btn{
          float: left;
          margin: rpx(15) 0px rpx(15) rpx(15);
          @include wh(rpx(30),rpx(30));
          border-radius: 50%;
          background-color: red;
          box-sizing: border-box;
          line-height: rpx(26);
          text-align: center;
          color: white;
          font-weight: bold;
          cursor:pointer;
        }
      }
      .notopborder{
        border-top: none;
      }
    }
    .row:last-child{
      border-bottom: 0px 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);
  }
}