feat(NumberKeyboard): add focused prop (#4279)

2019-08-29 15:30:28 +08:00
parent 667c4f692c
commit 3264825f77
7 changed files with 47 additions and 1 deletions
@@ -51,4 +51,29 @@
      visibility: hidden;
    }
  }
+
+  &__cursor {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: @number-keyboard-cursor-width;
+    height: @number-keyboard-cursor-height;
+    background-color: @number-keyboard-cursor-color;
+    transform: translate(-50%, -50%);
+    animation: @number-keyboard-cursor-animation-duration van-cursor-flicker infinite;
+  }
+}
+
+@keyframes van-cursor-flicker {
+  from {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
 }