index.less 1.53 KB
.list_ul{
  width: 240px;
  max-height: 300px;
  overflow: hidden auto;
}
.description_li{
  min-height: 50px;
  padding: 5px;
  margin: 5px 0;
  background: #f6f6f6;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
}


.step_box{
  width: 320px;
  max-height: 300px;
  overflow: hidden auto;
  position: relative;
}

.staff_action{
  :global{
    .ant-popover-inner-content{
      padding: 10px !important;
    }
  }
}

.step_list{
  position: relative;
}

.step_before::after{
  position: absolute;
  top: 20px; bottom: 0; left: 7px;
  display: block;
  width: 1px;
  background-color: rgba(34, 192, 100, 1);
  content: '';
}


.step_title{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
}
.step_title::before{
  position: absolute;
  top: 50%; left: 0;
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: '';
}

.step_ing > .step_title::before{
  background: url("/img/step-current.png") center no-repeat;
  background-size: 16px 16px;
}
.step_success > .step_title::before{
  background: url("/img/step-success.png") center no-repeat;
  background-size: 16px 16px;
}
.step_fail > .step_title::before{
  background: url("/img/step-close.png") center no-repeat;
  background-size: 16px 16px;
}



.step_content{
  margin-top: 10px;
  padding: 8px;
  color: #7a7a7a;
  background: #f6f6f6;
  border-radius: 3px;
}

.bottom_btn{
  position: absolute;
  right: 0; bottom: 10px; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}