payment.less 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .wrapper {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. height: 100vh;
  9. width: 100vw;
  10. background-color: rgba(0, 0, 0, 0.6 );
  11. z-index: 9999;
  12. .pay-ment {
  13. background: white;
  14. display: flex;
  15. flex-direction: column;
  16. align-items: center;
  17. justify-content: space-between;
  18. min-height: 800rpx;
  19. height: auto;
  20. border-radius: 20rpx;
  21. width: 600rpx;
  22. padding: 20rpx;
  23. z-index: 9999;
  24. .title {
  25. font-size: 38rpx;
  26. font-weight: 700;
  27. letter-spacing: 2rpx;
  28. }
  29. .payInfo {
  30. align-items: center;
  31. display: flex;
  32. flex-direction: column;
  33. .count-down {
  34. display: flex;
  35. align-items: center;
  36. color: #acacac;
  37. font-size: 24rpx;
  38. }
  39. .money {
  40. display: flex;
  41. align-items: baseline;
  42. .text:nth-child(2) {
  43. font-size: 70rpx;
  44. }
  45. }
  46. .payee {
  47. color: #acacac;
  48. font-size: 24rpx;
  49. }
  50. }
  51. .payment-content {
  52. width: 100%;
  53. }
  54. .case {
  55. padding: 10rpx 20rpx;
  56. display: flex;
  57. justify-content: space-between;
  58. align-items: center;
  59. .case_view {
  60. display: flex;
  61. align-items: center;
  62. }
  63. .txt {
  64. letter-spacing: 2rpx;
  65. padding: 0 20rpx;
  66. }
  67. }
  68. }
  69. }
  70. .van-hairline--bottom {
  71. position: absolute;
  72. padding-top: 0 !important;
  73. }