vue-ant-patterns/biz-es/b-import-export/style/index.css

vue-ant-patterns

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.steps-content {
  margin-top: 26px;
  border-radius: 6px;
  height: 266px;
}
.steps-content .steps-li {
  margin-top: 15px;
}
.steps-content .first-step-name {
  margin-bottom: 20px;
}
.steps-content .first-step-exported {
  margin: 0 10px 0 20px;
}
.steps-content .first-step-desc {
  color: rgba(0, 0, 0, 0.45);
}
.steps-content .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: '*';
}
.steps-content .step-set-box .step-set-select {
  width: 300px;
  margin-left: 16px;
}
.steps-content .second-step-container,
.steps-content .third-step-container {
  height: 100%;
}
.steps-content .second-step-progress {
  width: 70%;
  margin: 0 auto;
}
.steps-content .second-step-progress .second-step-progress-txt {
  width: 30%;
}
.steps-content .second-step-progress .ant-progress-success-bg,
.steps-content .second-step-progress .ant-progress-bg {
  background-color: #4b5874;
}
.steps-content .second-step-error-tips {
  color: #8d8d8d;
}
.steps-content .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%;
}