AnalysisSystemForRadionuclide_vue/src/style.less

// 重置样式

@font-face {
  font-family: MicrogrammaD-MediExte;
  src: url(~@/assets/fonts/MicrogrammaDMedExt.ttf);
}

@font-face {
  font-family: BookmanOldStyle;
  src: url(~@/assets/fonts/BOOKOS.ttf);
}

// 卡片样式
.ant-card {
  background-color: #061214;
  .ant-card-body {
    padding: 0;
  }
}

// 表格样式
.ant-table {
  color: #ade6ee;
  &-thead {
    tr {
      th {
        background-color: #126b82 !important;
        color: #fff;
        padding: 6px 8px !important;
        border-bottom: none;
      }
    }
  }
  &-tbody {
    tr {
      background-color: #06282a;
      &:nth-child(2n) {
        background-color: #08373a;
      }
      td {
        padding: 10px 8px !important;
        border-bottom: none;
      }
      &:hover {
        td {
          background-color: transparent !important;
        }
      }
    }
  }
  &-placeholder {
    background-color: #061214;
    border-top: none;
    border-bottom: none;
  }
  &-selected {
    background-color: 0d4e5c;
  }
}
.ant-table-pagination {
  float: none !important;
  text-align: center;
}

// 表单样式
.ant-form {
  &-item {
    &-label {
      > label {
        color: #5b9cba;
      }
    }
  }
}

@formInputBgColor: #03353f;
@formInputBorderColor: #0b8c82;
// 输入框样式
.ant-input {
  background-color: @formInputBgColor !important;
  border-color: @formInputBorderColor !important;
  border-radius: 0;
  color: #fff;
  &::placeholder {
    color: #fff;
  }
}

// 下拉框样式
.ant-select {
  color: #fff !important;
  &-selection {
    background-color: @formInputBgColor !important;
    border-color: @formInputBorderColor !important;
    border-radius: 0;
    &__placeholder {
      color: #fff !important;
    }
  }

  &-dropdown {
    background: #03353f;
    &-menu {
      &-item {
        color: #fff;
        background-color: #02282b;
        &:not(&-disabled):hover,
        &-selected,
        &-active {
          background-color: #08363c;
        }
      }
    }
  }
}

// 树形下拉样式
.ant-select-tree {
  color: #fff !important;
  .ant-select-tree-node-content-wrapper {
    color: #fff !important;
  }
}

// 按钮
.ant-btn {
  border-radius: 0;
  font-family: Arial;
  span {
    text-shadow: 0px 1px 0px #000;
    font-size: 16px;
  }
}

// 空状态
.ant-empty {
  background-color: transparent;
  color: #fff;
}

.ant-pagination {
  &,
  &-item a {
    color: #ade6ee;
  }

  &-item {
    width: 26px;
    height: 26px !important;
    line-height: 26px !important;
    border-radius: 50%;
    &-active {
      background-color: #00bded;
      a {
        color: #fff !important;
      }
    }
  }

  .ant-pagination-item-link {
    color: #00bded;
  }
  &-disabled {
    .ant-pagination-item-link {
      color: #9ca2a6;
    }
  }

  .ant-select {
    &-selection {
      border: none;
      box-shadow: none;
      background-color: transparent !important;
      color: #ade6ee;
      &-selected-value {
        height: 26px;
        line-height: 26px;
      }
      .ant-select-arrow {
        display: none;
      }
    }
    .ant-select-selection__rendered::after {
      content: '';
      margin-left: 18px;
      border: 6px solid transparent;
      border-top-width: 8px;
      border-bottom-width: 8px;
      border-top-color: #00bded;
      visibility: visible;
      transform: translateY(8px);
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      transform-origin: 50% 25%;
    }
    &-open {
      .ant-select-selection__rendered::after {
        transform: translateY(6px) rotate(180deg);
      }
    }
  }

  &-options {
    &-quick-jumper {
      input {
        background-color: #011927;
        border: 1px solid #00cbfe;
        width: 70px !important;
        border-radius: 0;
        color: #ade6ee;
        text-align: center;
      }
    }
  }
}

// 滚动条
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #011b1f;
}

::-webkit-scrollbar-thumb {
  background-color: #007f9a;
}