feat: 滚动优化、查看当事人报错、事件流转静态

zhangyongtian

2024-09-04 3a188607647cbf05c08e7675186ec48764cc657c

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

@@ -57,6 +57,7 @@

   width: 100%;
   border-color: #E5E6EB;
   margin-bottom: 20px;

   &-title {
      color: #86909C;
@@ -72,9 +73,9 @@
   }

   &-personRemark {
      color: rgb(26, 111, 184);
      color: #879AAB;
      background-color: #EDEEF0;
      padding: 0px 8px;
      border: 1px solid rgb(26, 111, 184);
      border-radius: 4px;
      font-size: 14px;
      margin-left: 8px;
@@ -95,7 +96,7 @@

   &-page {
      background-color: #fff;
      margin: 8px 8px 0px 16px;
      margin: 0px 8px 0px 16px;
      padding: 12px 16px 16px 16px;
      height: calc(100vh - 228px);
      overflow-y: scroll;
@@ -129,10 +130,27 @@

   &-hasTabPage {
      background-color: #fff;
      margin: 8px 8px 0px 16px;
      margin: 8px 16px 0px 16px;
      padding: 12px 16px 64px 16px;
      height: calc(100vh - 288px);
      overflow-y: scroll;

      .arco-tabs-header-nav {
         margin-left: 0 !important;
      }

      .scrollTabContent {
         overflow-y: scroll;
      }
   }

   &-noBackTabPage {
      margin: 0 16px 0px 16px;
      height: calc(100vh - 219px);

      .whiteBox {
         background-color: #fff;
         padding: 12px;
      }
   }
}

@@ -367,21 +385,23 @@
   margin-right: 16px;
}

.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 {
      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;
   .arco-tabs-header-ink {
      left: 83.988px;
      width: 82px;
   }
}

.progress {
@@ -436,3 +456,8 @@
   margin-bottom: 8px;
}

.MyDrawer{
   position:absolute;
   z-index: 9999;
}