You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

114 lines
1.7 KiB

  1. /* pages/cardReceive/cardReceive.wxss */
  2. page {
  3. background: #52a0fd;
  4. height: 100%;
  5. }
  6. .content {
  7. position: relative;
  8. width: 620rpx;
  9. height: 1250rpx;
  10. border-radius: 10rpx;
  11. background: #fff;
  12. margin: 30rpx auto 0;
  13. padding: 40rpx 30rpx;
  14. transition: all .3s;
  15. z-index: 1;
  16. }
  17. .content.active {
  18. opacity: 0.7;
  19. }
  20. .remain {
  21. font-size: 50rpx;
  22. font-weight: 600;
  23. margin-bottom: 50rpx;
  24. }
  25. .cardNumber {
  26. font-size: 40rpx;
  27. margin-top: 20rpx;
  28. margin-bottom: 50rpx;
  29. }
  30. .fee {
  31. font-size: 35rpx;
  32. margin-bottom: 25rpx;
  33. }
  34. .inputBox {
  35. position: relative;
  36. display: flex;
  37. align-items: center;
  38. width: 92%;
  39. height: 150rpx;
  40. background-color: #ffffff;
  41. margin-top: 50rpx;
  42. border-radius: 15rpx;
  43. box-shadow: 0 6px 20px 0 #00000026;
  44. padding: 0 25rpx;
  45. }
  46. .line {
  47. color: #cacaca;
  48. margin-right: 25rpx;
  49. }
  50. .unit {
  51. position: absolute;
  52. right: 40rpx;
  53. }
  54. .memberIds {
  55. position: absolute;
  56. top: 573rpx;
  57. right: 50%;
  58. width: 600rpx;
  59. height: 88rpx;
  60. line-height: 88rpx;
  61. font-size: 28rpx;
  62. color: #ffffff;
  63. text-align: center;
  64. background: #52a0fd;
  65. border-radius: 10rpx;
  66. transform: translateX(50%);
  67. }
  68. .pwdDialog {
  69. position: absolute;
  70. top: 40%;
  71. left: 50%;
  72. transform: translate(-50%, -50%);
  73. width: 500rpx;
  74. height: 300rpx;
  75. background-color: #fff;
  76. box-shadow: 0 6px 20px 0 #00000026;
  77. z-index: 0;
  78. transition: all .3s;
  79. opacity: 0;
  80. border-radius: 20rpx;
  81. padding: 40rpx 50rpx;
  82. }
  83. .pwdDialog.active {
  84. opacity: 1;
  85. z-index: 999;
  86. }
  87. .pwdDialog .title {
  88. text-align: center;
  89. font-weight: 600;
  90. font-size: 36rpx;
  91. margin-bottom: 20rpx;
  92. }
  93. .pwdForm {
  94. height: 80rpx;
  95. border: 1px solid #326ef9;
  96. background-color: #f3f8fe;
  97. border-radius: 10rpx;
  98. padding-left: 20rpx;
  99. margin-bottom: 40rpx;
  100. }