index.less 936 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @import '../style/var';
  2. .van-password-input {
  3. margin: 0 15px;
  4. user-select: none;
  5. position: relative;
  6. &:focus {
  7. outline: none;
  8. }
  9. &__info,
  10. &__error-info {
  11. font-size: 14px;
  12. margin-top: 15px;
  13. text-align: center;
  14. }
  15. &__info {
  16. color: @gray-dark;
  17. }
  18. &__error-info {
  19. color: @red;
  20. }
  21. &__security {
  22. width: 100%;
  23. height: 50px;
  24. display: flex;
  25. background-color: @white;
  26. &::after {
  27. border-radius: 6px;
  28. }
  29. li {
  30. flex: 1;
  31. height: 100%;
  32. position: relative;
  33. font-size: 20px;
  34. line-height: 50px;
  35. text-align: center;
  36. &:not(:first-of-type)::after {
  37. border-left-width: 1px;
  38. }
  39. }
  40. i {
  41. position: absolute;
  42. left: 50%;
  43. top: 50%;
  44. width: 10px;
  45. height: 10px;
  46. margin: -5px 0 0 -5px;
  47. visibility: hidden;
  48. border-radius: 100%;
  49. background-color: @black;
  50. }
  51. }
  52. }