pb-sxp-ui 1.2.1 → 1.2.3

package/dist/index.css

@@ -1,5 +1,6 @@
 .pb-appoint-form {
   position: relative;
+  height: 100%;
 }
 .pb-appoint-form-loading {
   font-size: 24px;
@@ -660,6 +661,20 @@
 .commondityDiroNew-swiper-clickable-center {
   bottom: 14px !important;
 }
+.one-line-ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+}
+.two-line-ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-wrap: break-word;
+}
 
 .index-module_tow-line-ellipsis__3bKKx {
   display: -webkit-box;
@@ -679,12 +694,10 @@
   word-wrap: break-word;
 }
 .index-module_one-line-ellipsis__buFw1 {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;
+  white-space: nowrap;
 }
 
 .index-module_tow-line-ellipsis__yyHVb {
@@ -1085,46 +1098,102 @@
   display: inline-block;
   -webkit-animation-name: index-module_gradientCover__5iUag;
           animation-name: index-module_gradientCover__5iUag;
+  -webkit-transform: scaleX(0);
+          transform: scaleX(0);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.index-module_one-line-ellipsis__HutE0 {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+}
+.index-module_two-line-ellipsis__c8gRJ {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-wrap: break-word;
 }
 
-@-webkit-keyframes index-module_gradientCover__nD6d9 {
+@-webkit-keyframes index-module_fadeIn__2E-dk {
   0% {
-    -webkit-transform: scaleX(0);
-            transform: scaleX(0);
+    -webkit-transform: var(--transY);
+            transform: var(--transY);
+    z-index: 1000;
   }
   100% {
-    -webkit-transform: scaleX(1);
-            transform: scaleX(1);
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    z-index: 1000;
   }
 }
-@keyframes index-module_gradientCover__nD6d9 {
+@keyframes index-module_fadeIn__2E-dk {
   0% {
-    -webkit-transform: scaleX(0);
-            transform: scaleX(0);
+    -webkit-transform: var(--transY);
+            transform: var(--transY);
+    z-index: 1000;
   }
   100% {
-    -webkit-transform: scaleX(1);
-            transform: scaleX(1);
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    z-index: 1000;
   }
 }
-.index-module_animated-button__qI1lz {
-  position: relative;
+@-webkit-keyframes index-module_fadeOut__MgevT {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+  100% {
+    -webkit-transform: var(--transY);
+            transform: var(--transY);
+    z-index: -1;
+  }
 }
-.index-module_animated-button__qI1lz:after {
-  width: 100%;
-  height: 100%;
+@keyframes index-module_fadeOut__MgevT {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+  100% {
+    -webkit-transform: var(--transY);
+            transform: var(--transY);
+    z-index: -1;
+  }
+}
+.index-module_aniLinkPopup__YT7kj {
   position: absolute;
-  content: '';
+  right: 0;
+  bottom: 0;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+  -webkit-transform: var(--transY);
+          transform: var(--transY);
+}
+.index-module_animated-fadeIn__8ZCbq {
+  -webkit-animation-name: index-module_fadeIn__2E-dk;
+          animation-name: index-module_fadeIn__2E-dk;
+  -webkit-transform: var(--transY);
+          transform: var(--transY);
   z-index: -1;
-  top: 0;
-  left: 0;
-  -webkit-transform-origin: 0 50%;
-          transform-origin: 0 50%;
-  display: inline-block;
-  -webkit-animation-name: index-module_gradientCover__nD6d9;
-          animation-name: index-module_gradientCover__nD6d9;
 }
-.index-module_tow-line-ellipsis__GKFXr {
+.index-module_animated-fadeOut__iK4oc {
+  -webkit-animation-name: index-module_fadeOut__MgevT;
+          animation-name: index-module_fadeOut__MgevT;
+  -webkit-transform: translateY(0);
+          transform: translateY(0);
+  z-index: 1000;
+}
+.index-module_one-line-ellipsis__NRiVV {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+}
+.index-module_two-line-ellipsis__k-YGB {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -1773,7 +1842,7 @@ button.swiper-pagination-bullet {
   bottom: 0;
   left: 0;
   right: 0;
-  padding: 20px 0 20px 0;
+  padding-top: 20px;
 }
 .clc-sxp-bottom-nudge {
   display: -webkit-box;
@@ -1796,9 +1865,6 @@ button.swiper-pagination-bullet {
   padding: 0 20px;
   font-size: 14px;
 }
-.clc-sxp-bottom-hashtag {
-  margin-top: 16px;
-}
 .clc-sxp-bottom-hashtag-item {
   width: auto;
   height: 26px;
@@ -1809,7 +1875,6 @@ button.swiper-pagination-bullet {
   padding: 0 10px;
   font-size: 10px;
   margin-right: 8px;
-  margin-bottom: 20px;
   cursor: pointer;
 }
 .clc-sxp-bottom-shadow {
@@ -1850,6 +1915,8 @@ button.swiper-pagination-bullet {
 }
 .clc-sxp-nav-title {
   font-size: 16px;
+  width: 100%;
+  text-align: center;
 }
 .clc-pb-video-pause {
   position: absolute;