Newer
Older
urbanLifeline_YanAn / src / assets / styles / fxddMap.scss
@zhangdeliang zhangdeliang on 7 Oct 4 KB update
// 弹窗
#dialogContent {
  // background: linear-gradient(0deg, rgba(25, 96, 187, 0.9) 0%, rgba(41, 103, 173, 0.6) 100%) !important;
  background: rgba(14, 69, 89, 0.9) !important;
  border: 1px solid #15d2fd;
  // box-shadow: 0px 0px 40px rgba(0, 21, 41, 0.35) !important;
  margin-top: 18vh !important;
  z-index: 999999999;
  border-radius: 2px;

  .el-dialog__header {
    background: url('@/assets/newImgs/partBg.png') no-repeat;
    width: 98%;
    // background-size: 100% 100%;
    height: 40px;
    margin-right: 0;
    border-bottom: none !important;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-left-radius: 10px;
  }

  .el-dialog__footer {
    border-top: none;
  }

  .el-dialog__title {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 17px;
    color: #e0e5fa;
    display: inline-block;
    padding-left: 30px;
    margin-bottom: 5px;
  }

  .el-dialog__headerbtn {
    top: -3px;

    .el-dialog__close {
      color: #89dcff !important;
    }
  }

  .el-dialog__body {
  }

  .el-button--default {
    // width: 110px;
    height: 32px;
    border-radius: 2px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    line-height: 32px;
    background: #0e4559ff;
    border-radius: 6px;
    border: 1px solid #0e4559ff;
  }

  .el-button--primary {
    background: #30a0e4 !important;
    border: 1px solid #47affe;
    border-radius: 8px;

    .el-icon {
      color: #ffffff !important;
    }
  }

  .form {
    .el-form-item {
      position: relative;
      margin-bottom: 30px;

      &::after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -15px;
        height: 1px;
        content: '';
        background: #347ee5;
      }

      &:last-child {
        &::after {
          height: 0;
        }
      }
    }
  }

  .el-form--inline .el-form-item {
    margin-right: 8px !important;
  }

  .el-form-item__label {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
  }

  .el-tabs__nav-scroll {
    .el-tabs__item {
      font-size: 16px !important;
      color: #ffffff;
    }

    .is-active {
      color: #409eff !important;
    }

    &::after {
      background-color: red;
    }
  }

  .el-tag.el-tag--info {
    background-color: transparent;
    color: #9ec4ff;
  }

  .el-date-editor .el-range-input,
  .el-icon,
  .el-range-separator {
    color: #d3f6ff !important;
    font-size: 16px !important;
  }

  .el-textarea__inner {
    background: #0e4559ff;
    border-radius: 6px;
    border: 1px solid #1cf5fcff;
    box-shadow: none !important;
    color: #d3f6ff;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 16px !important;

    &::placeholder {
      color: #d3f6ff;
      font-family: Source Han Sans CN;
      font-weight: 500;
      font-size: 16px !important;
    }
  }

  .el-input__wrapper {
    box-shadow: none !important;
    height: 35px !important;
    background: #0e4559ff !important;
    border-radius: 6px !important;
    border: 1px solid #1cf5fcff !important;
    font-size: 16px !important;

    .el-input__prefix {
      color: #d3f6ff;
    }

    .el-input__inner {
      height: 35px !important;
      color: #d3f6ff;
      font-family: Source Han Sans CN;
      font-weight: 500;
      font-size: 16px !important;

      &::placeholder {
        color: #d3f6ff;
        font-family: Source Han Sans CN;
        font-weight: 500;
        font-size: 16px !important;
      }
    }
  }
}
// 下拉
.picker.el-select {
  .el-input {
    .el-input__wrapper {
      // background: #061b3f;
      box-shadow: none !important;
      // border-radius: 4px;
      // height: 32px !important;
      background: #00344fff;
      border-radius: 2px;
      border: 1px solid #1cf5fcff;

      .el-input__inner {
        // height: 32px !important;
        color: #fff !important;
        font-family: Source Han Sans CN;
        font-weight: 500;

        &::placeholder {
          color: #fff !important;
          font-family: Source Han Sans CN;
          font-weight: 500;
        }
      }
    }
  }
}
.datePicker {
  .el-input {
    .el-input__wrapper {
      box-shadow: none !important;
      background: #00344fff;
      border-radius: 2px;
      border: 1px solid #1cf5fcff;

      .el-input__inner {
        color: #fff !important;
        font-family: Source Han Sans CN;
        font-weight: 500;

        &::placeholder {
          color: #fff !important;
          font-family: Source Han Sans CN;
          font-weight: 500;
        }
      }
    }
  }
}