pay-input.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .pay-module .pay-tit.data-v-1e2bc8a2 {
  21. margin-bottom: 36rpx;
  22. }
  23. .pay-module .pay-wrap.data-v-1e2bc8a2 {
  24. display: -webkit-box;
  25. display: flex;
  26. display: -webkit-flex;
  27. -webkit-box-align: end;
  28. -webkit-align-items: flex-end;
  29. align-items: flex-end;
  30. -webkit-box-pack: start;
  31. -webkit-justify-content: flex-start;
  32. justify-content: flex-start;
  33. font-weight: bold;
  34. border-bottom: 4rpx solid #eee;
  35. padding-bottom: 38rpx;
  36. font-family: TextaAlt, serif;
  37. height: 70rpx;
  38. }
  39. .pay-module .pay-wrap .money-text.data-v-1e2bc8a2 {
  40. font-size: 36rpx;
  41. }
  42. .pay-module .pay-wrap .cashier-text.data-v-1e2bc8a2 {
  43. font-size: 70rpx;
  44. line-height: 1;
  45. margin-left: 8rpx;
  46. margin-right: 6rpx;
  47. }
  48. .pay-module .pay-wrap .cashier-text.prompt.data-v-1e2bc8a2 {
  49. color: #999999;
  50. font-weight: 400;
  51. font-size: 50rpx;
  52. }
  53. .pay-module .pay-wrap .cursor.data-v-1e2bc8a2 {
  54. position: relative;
  55. top: 1rpx;
  56. width: 4rpx;
  57. height: 100%;
  58. background: #3385FF;
  59. display: inline-block;
  60. -webkit-animation: inputCursorAnimation-data-v-1e2bc8a2 1s infinite;
  61. animation: inputCursorAnimation-data-v-1e2bc8a2 1s infinite;
  62. }
  63. @-webkit-keyframes inputCursorAnimation-data-v-1e2bc8a2 {
  64. 50% {
  65. opacity: 0;
  66. }
  67. 100% {
  68. opacity: 1;
  69. }
  70. }
  71. @keyframes inputCursorAnimation-data-v-1e2bc8a2 {
  72. 50% {
  73. opacity: 0;
  74. }
  75. 100% {
  76. opacity: 1;
  77. }
  78. }