setPhone.wxss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .content.data-v-ad35e069 {
  2. width: 100%;
  3. min-height: 100vh;
  4. background-color: #F5F5F5;
  5. box-sizing: border-box;
  6. padding: 40rpx 30rpx 160rpx;
  7. /* 底部增加空间,避免被固定按钮遮挡 */
  8. position: relative;
  9. }
  10. .form-container.data-v-ad35e069 {
  11. width: 100%;
  12. }
  13. .title.data-v-ad35e069 {
  14. font-size: 27rpx;
  15. color: #151515;
  16. font-weight: 400;
  17. margin-bottom: 60rpx;
  18. line-height: 1.5;
  19. }
  20. .input-wrapper.data-v-ad35e069 {
  21. width: 100%;
  22. height: 88rpx;
  23. background-color: #fff;
  24. border-radius: 16rpx;
  25. display: flex;
  26. align-items: center;
  27. padding: 0 30rpx;
  28. box-sizing: border-box;
  29. margin-bottom: 30rpx;
  30. }
  31. .input-wrapper .input-left.data-v-ad35e069 {
  32. display: flex;
  33. align-items: center;
  34. gap: 12rpx;
  35. margin-right: 20rpx;
  36. }
  37. .input-wrapper .input-left .country-code.data-v-ad35e069 {
  38. font-size: 28rpx;
  39. color: #333;
  40. font-weight: 400;
  41. }
  42. .input-wrapper .input-left .icon-envelope.data-v-ad35e069 {
  43. font-size: 24rpx;
  44. color: #999;
  45. }
  46. .input-wrapper .input-field.data-v-ad35e069 {
  47. flex: 1;
  48. font-size: 28rpx;
  49. color: #333;
  50. height: 100%;
  51. }
  52. .input-wrapper .code-input.data-v-ad35e069 {
  53. flex: 1;
  54. }
  55. .input-wrapper .code-btn.data-v-ad35e069 {
  56. font-size: 28rpx;
  57. color: #F47D1F;
  58. padding: 8rpx 20rpx;
  59. margin-left: 20rpx;
  60. cursor: pointer;
  61. white-space: nowrap;
  62. }
  63. .input-wrapper .code-btn.disabled.data-v-ad35e069 {
  64. color: #999;
  65. cursor: not-allowed;
  66. font-size: 27rpx;
  67. color: #151515;
  68. }
  69. .submit-btn-wrapper.data-v-ad35e069 {
  70. position: fixed;
  71. bottom: 0;
  72. left: 0;
  73. right: 0;
  74. background-color: #F5F5F5;
  75. padding: 20rpx 30rpx;
  76. padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
  77. /* iOS 11.2+ */
  78. padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
  79. /* iOS 11.2+ */
  80. box-sizing: border-box;
  81. z-index: 100;
  82. }
  83. .submit-btn.data-v-ad35e069 {
  84. width: 100%;
  85. height: 88rpx;
  86. background: linear-gradient(35deg, #FCB73F 0%, #FC733D 100%);
  87. border-radius: 23rpx;
  88. display: flex;
  89. align-items: center;
  90. justify-content: center;
  91. font-weight: bold;
  92. font-size: 31rpx;
  93. color: #FFFFFF;
  94. box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(255, 107, 53, 0.3);
  95. }