xrk-components 0.5.11 → 0.5.12-beta.2

package/lib/index.css

@@ -18812,4 +18812,233 @@
 }
 .slot-after {
   margin-bottom: 12px;
+}
+.fade-enter-active[data-v-5d796c46],
+.fade-leave-active[data-v-5d796c46] {
+  -webkit-transition: opacity 0.5s;
+  transition: opacity 0.5s;
+}
+.fade-enter[data-v-5d796c46], .fade-leave-to[data-v-5d796c46] {
+  opacity: 0;
+}
+@-webkit-keyframes jitter-5d796c46 {
+0% {
+    -webkit-transform: translateX(0px);
+            transform: translateX(0px);
+}
+25% {
+    -webkit-transform: translateX(-5px);
+            transform: translateX(-5px);
+}
+50% {
+    -webkit-transform: translateX(5px);
+            transform: translateX(5px);
+}
+75% {
+    -webkit-transform: translateX(-5px);
+            transform: translateX(-5px);
+}
+100% {
+    -webkit-transform: translateX(0px);
+            transform: translateX(0px);
+}
+}
+@keyframes jitter-5d796c46 {
+0% {
+    -webkit-transform: translateX(0px);
+            transform: translateX(0px);
+}
+25% {
+    -webkit-transform: translateX(-5px);
+            transform: translateX(-5px);
+}
+50% {
+    -webkit-transform: translateX(5px);
+            transform: translateX(5px);
+}
+75% {
+    -webkit-transform: translateX(-5px);
+            transform: translateX(-5px);
+}
+100% {
+    -webkit-transform: translateX(0px);
+            transform: translateX(0px);
+}
+}
+@media screen and (max-width: 500px) {
+.xrk-slide-verify_box[data-v-5d796c46] {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+}
+}
+@media screen and (min-width: 500px) {
+.xrk-slide-verify_box[data-v-5d796c46] {
+    position: absolute;
+    right: 0px;
+    bottom: 0;
+}
+}
+.xrk-slide-verify[data-v-5d796c46] {
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.xrk-slide-verify_box[data-v-5d796c46] {
+  width: 310px;
+  height: 348px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  z-index: 2;
+  -webkit-box-shadow: 2px 4px 20px #2e2f2f;
+          box-shadow: 2px 4px 20px #2e2f2f;
+  padding: 16px 12px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.xrk-slide-verify_title[data-v-5d796c46] {
+  font-size: 20px;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: 20px;
+  letter-spacing: 0;
+  color: #141413;
+  margin-top: 0;
+  margin-bottom: 16px;
+  text-align: center;
+}
+.xrk-slide-verify_sub[data-v-5d796c46] {
+  font-size: 14px;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: 14px;
+  letter-spacing: 0;
+  color: #141413;
+  padding-bottom: 12px;
+  margin: 0 !important;
+}
+.xrk-slide-verify_close[data-v-5d796c46] {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  width: 24px;
+  height: 24px;
+  border-radius: 14px;
+  cursor: pointer;
+}
+.xrk-slide-verify_img[data-v-5d796c46] {
+  width: 280px;
+  height: 171px;
+  border-radius: 12px;
+  position: relative;
+  overflow: hidden;
+}
+.xrk-slide-verify_img_bg[data-v-5d796c46] {
+  width: 280px;
+  height: 171px;
+}
+.xrk-slide-verify_img_icon[data-v-5d796c46] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 65px;
+  height: 65px;
+}
+.xrk-slide-verify_range[data-v-5d796c46] {
+  margin-top: 20px;
+  height: 40px;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.xrk-slide-verify_range_track[data-v-5d796c46] {
+  width: 286px;
+  height: 12px;
+  background-color: #f0f0ef;
+  border-radius: 6px;
+  position: relative;
+}
+.xrk-slide-verify_range_btn[data-v-5d796c46] {
+  width: 36px;
+  height: 28px;
+  -webkit-box-shadow: 0 0 4px 0 #f7e00b;
+          box-shadow: 0 0 4px 0 #f7e00b;
+  border-radius: 14px;
+  border: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  outline: none;
+  position: absolute;
+  background-size: 100% 100%;
+  left: 0;
+}
+.xrk-slide-verify_range_mask[data-v-5d796c46] {
+  position: absolute;
+  top: -190px;
+  left: 0;
+  width: 100%;
+  height: 230px;
+  z-index: 9999;
+  cursor: pointer;
+}
+.xrk-slide-verify_foot[data-v-5d796c46] {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+}
+.xrk-slide-verify_foot_refresh[data-v-5d796c46] {
+  width: 28px;
+  height: 28px;
+  cursor: pointer;
+  -webkit-animation: rotate-5d796c46 0.6s linear infinite;
+          animation: rotate-5d796c46 0.6s linear infinite;
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+@-webkit-keyframes rotate-5d796c46 {
+0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0);
+}
+100% {
+    -webkit-transform: rotate(1turn);
+            transform: rotate(1turn);
+}
+}
+@keyframes rotate-5d796c46 {
+0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0);
+}
+100% {
+    -webkit-transform: rotate(1turn);
+            transform: rotate(1turn);
+}
+}
+.xrk-slide-verify_foot_refresh.rotate[data-v-5d796c46] {
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
 }