vue-ant-patterns/biz-lib/b-import-export/style/index.less

vue-ant-patterns

@import '../../../lib/style/themes/index.less';
@import '../../../lib/style/mixins/flex.less';

@depot-prefix-cls: ~'@{depot-prefix}-import-export';
.steps-content {
  margin-top: 26px;
  border-radius: 6px;
  height: 266px;
  .steps-li {
    margin-top: 15px;
  }
  .first-step-name {
    margin-bottom: 20px;
  }
  .first-step-exported {
    margin: 0 10px 0 20px;
  }
  .first-step-desc {
    color: rgba(0, 0, 0, 0.45);
  }
  .step-set-box {
    .step-name {
      &::before {
        display: inline-block;
        margin-right: 4px;
        color: #f5222d;
        font-size: 14px;
        font-family: SimSun, sans-serif;
        line-height: 1;
        content: '*';
      }
    }
    .step-set-select {
      width: 300px;
      margin-left: 16px;
    }
  }
  .second-step-container,
  .third-step-container {
    height: 100%;
  }
  .second-step-progress {
    width: 70%;
    margin: 0 auto;
    .second-step-progress-txt {
      width: 30%;
    }
    .ant-progress-success-bg,
    .ant-progress-bg {
      background-color: @primary-color;
    }
  }
  .second-step-error-tips {
    color: #8d8d8d;
  }
  .ant-upload {
    margin-top: 12px;
  }
}
.third-step-info {
  margin-left: 20px;
}
.steps-action {
  .ant-btn {
    margin-left: 8px;
  }
}

/*导入导出弹框组件*/
.import-dialog .ant-modal-body {
  padding-bottom: 0;
}

/*弹框操作要加背景色*/
.import-dialog .steps-action {
  background: rgba(73, 89, 119, 0.02);
  margin-right: -24px;
  padding: 8px 24px;
  bottom: -24px;
  position: absolute;
  bottom: 0;
  right: 24px;
  width: 100%;
}