add.less

.addFormBox {
    height: calc(100% - 40px);
    width: 100%;
    position: relative;
    .addForm {
      position: absolute;
      height: 100%;
      width: 600px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin: 20px;
      .addTipMsg{
          background:#ddd;
          padding-right:30px;
          border-radius:10px;
      }
      .addTip {
          // height:10px;
          // line-height: 10px;
          // background: pink;
        color: red;
        //   position:absolute;
        //   right:0
          // float:right;
      }
    }
    .el-dialog {
      width: 360px;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      .el-dialog__header {
        padding: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
      }
      .el-dialog__body {
        padding: 0px !important;
        border: 1px solid transparent;
        .form_box {
          padding-bottom: 40px;
          .el-form {
            margin-bottom: 20px;
            .el-form-item {
              margin: 10px 50px 20px;
              .el-form-item__content {
                width: 280px;
              }
            }
            .el-input {
              width: 100%;
            }
          }
          .dialog-footer {
              border-top: 1px solid rgba(0,0,0,0.09);
            padding-top: 8px;
            .el-button {
              margin-right: 10px;
              padding: 8px 16px;
            }
          }
        }
      }
    }
  }