forked from gzzfw/frontEnd/gzDyh

liuwh
2024-09-17 5aa4a814ab8d4aa194a9683ebefaefdfc6d92c3a
gz-customerSystem/src/components/ProgressStep/index.less
@@ -3,7 +3,7 @@
.myStep {
   &-item {
      position: relative;
      padding-bottom: 32px;
      padding-bottom: 34px;
      &-success {
         background-color: @main-color;
@@ -12,6 +12,7 @@
            border-color: #bfbfbf;
         }
      }
      &-success1 {
         background-color: @main-color;
@@ -29,10 +30,10 @@
      }
      &-noStarted1 {
         background-color: rgba(185,99,211,1);
         background-color: rgba(185, 99, 211, 1);
         &::after {
            border-color: rgba(185,99,211,1);
            border-color: rgba(185, 99, 211, 1);
         }
      }
@@ -73,16 +74,15 @@
      &-divider {
         position: absolute;
         top: 0;
         top: 56px;//52+4
         left: 24px;
         width: 3px;
         height: 32px+52px;
         padding-top: 22px;
         width: 2px;
         bottom: 4px;
         &::after {
            content: '';
            display: inline-block;
            height: 32px+52px;
            height: 100%;
            border-left: 2px solid;
            border-color: @divider-color;
         }
@@ -117,7 +117,7 @@
         }
      }
    &-divider2 {
      &-divider2 {
         position: absolute;
         top: 0;
         left: 24px;
@@ -158,18 +158,21 @@
         margin-top: 4px;
         display: flex;
         align-items: flex-start;
         &-flex {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 8px;
            &-title {
               font-size: 12px;
               line-height: 20px;
               color: @text-color-secondary;
            }
         }
         &-yy {
            display: flex;
            flex-direction: column;
@@ -178,6 +181,7 @@
            border-radius: 5px;
            padding: 4px 8px;
            color: rgba(0, 0, 0, 0.5);
            &-l {
               overflow: hidden;
               white-space: nowrap;
@@ -197,3 +201,36 @@
      }
   }
}
.tabBtn {
   display: flex;
   margin-bottom: 12px;
   &-btn {
      height: 32px;
      background: #ffffff;
      border: 1px solid #e5e6eb;
      border-radius: 4px;
      color: #e5e6eb;
      padding: 3px 8px 4px 8px;
      cursor: pointer;
   }
   &-active {
      color: #1a6fb8;
      border-color: #1a6fb8;
   }
   &-unit {
      height: 32px;
      border-radius: 21px;
      color: #1D2129;
      padding: 3px 12px 4px 12px;
      cursor: pointer;
   }
   &-unitActive {
      background: #f3f2f7;
      color: #1a6fb8;
   }
}