gaosp
2024-03-12 e1cc0c1aabcd308e7918d14d14873bfa4a235eea
src/styles/index.scss
@@ -4,7 +4,10 @@
// @import './element-ui.scss';
// // @import './sidebar.scss';
// @import './style.scss';
@font-face {
  font-family: digital;
  src: url('~@/assets/DS-Digital.ttf');
}
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
@@ -80,41 +83,143 @@
.app-container {
  padding: 20px;
}
.el-input__inner {
  background: transparent;
  border-radius: 2px;
  border: 1px solid #435F9E;
  height: 32px;
  line-height: 32px;
  color: #C6DCE0;
#app {
  .el-input__inner {
    background: transparent;
    border-radius: 2px;
    border: 1px solid #435F9E;
    height: 32px;
    line-height: 32px;
    color: #FFF;
  }
  .el-input__icon {
    line-height: 32px;
  }
  .el-textarea__inner {
    color: #FFF;
  }
  .el-form-item__content {
    line-height: 40px;
  }
  .el-form-item {
    margin-bottom: 22px;
  }
  .el-form-item__label {
    font-size: 12px;
  }
  .el-dialog__wrapper {
    .el-input__inner {
      color: #000;
    }
  }
  .el-button,.el-button:hover,.el-button:active,.el-button:focus {
    border: none;
    min-width: 150px;
    // background: rgba(22,26,25,.8);
    // background: #AAB6BA;
    background-color: rgba(170,182,186,0.2);
    color: #90999C;
    border: 1px solid #5DD1FC;
    color: #5DD1FC;
  }
  .el-button:focus, .el-button:hover {
    background: #AAB6BA;
  }
  .el-button--primary,.el-button--primary:active,.el-button--primary:hover,.el-button--primary:focus {
    color: #FFF;
    background: #5DD1FC;
  }
  .el-textarea__inner {
    background-color: transparent;
    border: 1px solid #435F9E;
  }
  .table-action {
    display: inline-block;
    width: 92px;
    height: 32px;
    line-height: 32px;
    color: #5DD1FC;
    background: url('../assets/img/table-edit.png');
    background-size: contain;
  }
  .table-del {
    margin-inline: 4px;
    color: #FF4342;
    background: url('~@/assets/img/table-del.png');
    background-size: contain;
  }
  .el-dialog {
    // background: ;
    background-image: url('~@/assets/img/login/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
    height: calc(100vh - 130px);
    display: flex;
    flex-direction: column;
    .el-dialog__body {
      flex: 1 1 auto;
    }
    .el-dialog__title {
      color: #FFF;
      font-size: 14px;
    }
  }
  .el-dialog__wrapper .el-input__inner {
    color: #FFF;
  }
  .el-form-item__content .el-input__inner {
    color: #FFF!important;
  }
  .el-range-editor .el-range-input {
    background-color: transparent;
    color: #FFF;
  }
  .el-form-item__label {
    color: #fff;
  }
  .el-pager li.active {
    color: #FFF;
    background: linear-gradient(180deg, #00FFFF 0%, #008CFF 100%);
  }
  .el-pager li {
    color: #FFF;
    background: rgba(255,255,255,0.2);
  }
}
.el-input__icon {
  line-height: 32px;
.nav-top {
  position: relative;
  span {
    font-size: 14px;
    padding-left: 10px;
  }
}
.el-button--mini {
  background: #AAB6BA;
.nav-top::before {
  content: '';
  width: 2px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #4DC3FF;
}
.el-button--primary {
  background: #5DD1FC;
}
// .el-popper[x-placement^=bottom] {
//   margin-top: 50px;
// }
.el-button--mini {
  background: transparent;
}
.el-button--primary {
  background-color: transparent;
}
.el-button--primary.active {
  background-color: #5DD1FC!important;
}
.el-form-item__content {
  line-height: 40px;
}
.el-form-item {
  margin-bottom: 22px;
}
.el-form-item__label {
  font-size: 12px;
}
::-webkit-scrollbar {
  width: 10px; /*对垂直流动条有效*/
  height: 10px; /*对水平流动条有效*/
  }
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  ::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #413f4f;
  border-radius: 3px;
  }
  /*定义滑块颜色、内阴影及圆角*/
  ::-webkit-scrollbar-thumb{
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(21,20,20,.3);
  background-color: #f9f9f9;
  }