LoginModal.wxss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .data-v-65cbbddc .uni-popup {
  2. z-index: 100 !important;
  3. }
  4. .data-v-65cbbddc .uni-popup__wrapper {
  5. z-index: 100 !important;
  6. }
  7. .login-modal.data-v-65cbbddc {
  8. width: 100%;
  9. background: #FFFFFF;
  10. border-radius: 24rpx;
  11. padding: 60rpx 40rpx 50rpx;
  12. position: relative;
  13. box-sizing: border-box;
  14. }
  15. .login-modal__close.data-v-65cbbddc {
  16. position: absolute;
  17. top: 30rpx;
  18. right: 30rpx;
  19. font-size: 24rpx;
  20. color: #ccc;
  21. line-height: 1;
  22. }
  23. .login-modal__title.data-v-65cbbddc {
  24. font-size: 44rpx;
  25. font-weight: bold;
  26. color: #010101;
  27. margin-bottom: 24rpx;
  28. line-height: 1.2;
  29. }
  30. .login-modal__desc.data-v-65cbbddc {
  31. font-size: 28rpx;
  32. color: #333333;
  33. margin-bottom: 60rpx;
  34. line-height: 1.5;
  35. }
  36. .login-modal__btn.data-v-65cbbddc {
  37. width: 100%;
  38. height: 88rpx;
  39. border-radius: 44rpx;
  40. color: #FFFFFF;
  41. font-size: 32rpx;
  42. font-weight: 500;
  43. line-height: 88rpx;
  44. text-align: center;
  45. border: none;
  46. margin-bottom: 40rpx;
  47. padding: 0;
  48. }
  49. .login-modal__btn.data-v-65cbbddc::after {
  50. border: none;
  51. }
  52. .login-modal__btn[disabled].data-v-65cbbddc {
  53. background: #CCCCCC;
  54. color: #999999;
  55. }
  56. .login-modal__agreement.data-v-65cbbddc {
  57. display: flex;
  58. align-items: center;
  59. justify-content: center;
  60. flex-wrap: wrap;
  61. font-size: 24rpx;
  62. line-height: 1.5;
  63. }
  64. .login-modal__agreement .agreement-checkbox.data-v-65cbbddc {
  65. margin-right: 8rpx;
  66. }
  67. .login-modal__agreement .agreement-checkbox .checkbox-icon.data-v-65cbbddc {
  68. width: 32rpx;
  69. height: 32rpx;
  70. border: 2rpx solid #CCCCCC;
  71. border-radius: 50%;
  72. display: flex;
  73. align-items: center;
  74. justify-content: center;
  75. background: #FFFFFF;
  76. transition: all 0.3s;
  77. }
  78. .login-modal__agreement .agreement-checkbox .checkbox-icon.checked.data-v-65cbbddc {
  79. background: #07C160;
  80. border-color: #07C160;
  81. }
  82. .login-modal__agreement .agreement-checkbox .checkbox-icon.checked .icon-check.data-v-65cbbddc {
  83. color: #FFFFFF;
  84. font-size: 20rpx;
  85. font-weight: bold;
  86. }
  87. .login-modal__agreement .agreement-text.data-v-65cbbddc {
  88. color: #333333;
  89. margin: 0 4rpx;
  90. }
  91. .login-modal__agreement .agreement-link.data-v-65cbbddc {
  92. color: #1677FF;
  93. margin: 0 4rpx;
  94. }