Newer
Older
urbanLifeline_YanAn / src / assets / styles / fxddMap.scss
@zhangqy zhangqy on 3 Oct 4 KB first commit
// 弹窗
#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 {
    width: 85px;
    .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;
                }
            }
        }
    }

}