自行受理-办理反馈

dminyi

2024-08-29 c0ae7c2cef120be7d50143109fa2012a2f986ef7

 gz-customerSystem/src/views/register/index.less

@@ -60,6 +60,7 @@

   &-title {
      color: #86909C;
      text-align: center;
   }
}

@@ -94,7 +95,7 @@
      background-color: #fff;
      margin: 8px 8px 0px 16px;
      padding: 12px 16px 16px 16px;
      height: calc(100vh - 211px);
      height: calc(100vh - 228px);
      overflow-y: scroll;
   }

@@ -181,4 +182,137 @@
   color: #1d2129;
   line-height: 24px;
   margin-bottom: 20px;
}

// .arco-steps-item-process .arco-steps-icon{
//    background-color: #1A6FB8;
// }

// .arco-steps-mode-navigation .arco-steps-item-active::after{
//    background-color: #1A6FB8;

// }

// .arco-radio-checked .arco-radio-mask {
//    background-color: #1A6FB8;
//     border-color: #1A6FB8;
// }

.must {
   font-size: 12px;
   color: rgb(245, 63, 63);
   background-color: rgb(255, 236, 232);
   line-height: 20px;
   padding: 0px 4px;
   border-radius: 2px;
   margin-left: 8px;
}

.mapPopconfirm {
   width: 300px;
   min-height: 90px;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
   padding: 15px;

   &::after {
      content: " ";
      position: absolute;
      height: 0;
      width: 0;
      border: solid transparent;
      top: 100%;
      right: 50px;
      border-top-color: white;
      border-width: 10px;
   }

   .mapPopconfirm-btn {
      background-color: #1A6FB8;
      color: #fff;
      cursor: pointer;
      padding: 3px 10px;
      width: 80px;
      text-align: center;
   }
}

.mapVicinity {
   margin-bottom: 5px;
   cursor: pointer;
   display: flex;
   align-items: center;

   &:hover {
      color: #1A6FB8;
   }

   .mapVicinityIcon {}

   .mapVicinityIcon {
      background: url('../../assets/images/icon/selectIcon.png') no-repeat center center;
      width: 14px;
      height: 14px;
      background-size: contain;
      border: 1px dashed #1A6FB8;
   }
}

.steps {
   background-color: rgb(255, 255, 255);
   margin: 0px 16px;
   padding-top: 16px;
   padding-left: 75px;
}

.container {
   background-color: rgb(242, 243, 245);
   height: calc(-293px + 100vh);
   overflow-y: scroll;

   &-top {
      background-color: #fff;
      margin: 8px 8px 8px 16px;
      padding: 12px 0px 12px 16px;

   }

   &-bottom {
      display: flex;
      flex-direction: row;
      column-gap: 8px;
      /* margin: 8px 16px 22px; */
      margin: 0px 8px 22px 16px;
      // height: 100vh;


      &-left {
         flex: 3 1 0%;
         background-color: rgb(255, 255, 255);
         padding: 12px 0px 12px 16px;
      }

      &-right {
         flex: 1 1 0%;
         background-color: rgb(255, 255, 255);
      }
   }
}

.tabs-container .arco-tabs-header {
   position: relative;
   display: inline-block;
   transition: transform .2s cubic-bezier(.34, .69, .1, 1);
   white-space: nowrap;
   transform: translateX(0px);
   width: 300px;
   flex: 1;
   display: flex;
   justify-content: space-evenly;
}

.tabs-container .arco-tabs-header-ink {
   left: 83.988px;
   width: 82px;
}