修改页面架构

zhangyongtian

2024-08-28 463d13dd669905200aecb974cd65a251e83f4df7

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

@@ -95,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;
   }

@@ -196,4 +196,105 @@
// .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);
      }
   }
}