4pc/src/components/dialog/style.scss

.dialog-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position        : fixed;
  left            : 0;
  top             : 0;
  right           : 0;
  bottom          : 0;
  display         : flex;
  align-items     : center;
  justify-content : center;
  z-index         : 99;

}

.dialog {
  $padding        : 16px;
  width           : 680px;
  background-color: #fff;
  border-radius   : 4px;

  .head {
    padding        : $padding;
    display        : flex;
    justify-content: space-between;
    align-items    : center;

    h3 {
      font-size  : 16px;
      color      : var(--colorColor);
      font-weight: normal;
      margin     : 0;
    }

    i {
      font-size: 1.5rem;
      color    : rgb(145, 148, 154);
      cursor   : pointer;
    }
  }

  .content {
    padding      : 24px 30px;
    border-top   : 1px solid var(--bgColor);
    border-bottom: 1px solid var(--bgColor);
    max-height   : 600px;
    overflow-y   : auto;
  }

  .floot {
    float  : right;
    padding: $padding;
  }
}