changePhone.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .change-phone-container.data-v-a44ae884 {
  2. min-height: 100vh;
  3. background: #f7f8fa;
  4. padding: 40rpx 0;
  5. }
  6. .header.data-v-a44ae884 {
  7. text-align: center;
  8. font-size: 36rpx;
  9. font-weight: bold;
  10. margin-bottom: 40rpx;
  11. background: #fff;
  12. padding: 32rpx 0;
  13. }
  14. .form.data-v-a44ae884 {
  15. background: #fff;
  16. border-radius: 20rpx;
  17. margin: 0 32rpx;
  18. padding: 40rpx 32rpx;
  19. box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04);
  20. display: flex;
  21. flex-direction: column;
  22. gap: 32rpx;
  23. }
  24. .input.data-v-a44ae884 {
  25. width: 100%;
  26. height: 80rpx;
  27. border: 1rpx solid #eee;
  28. border-radius: 12rpx;
  29. padding: 0 24rpx;
  30. font-size: 30rpx;
  31. background: #f7f8fa;
  32. }
  33. .code-row.data-v-a44ae884 {
  34. display: flex;
  35. gap: 16rpx;
  36. }
  37. .code-input.data-v-a44ae884 {
  38. flex: 1;
  39. }
  40. .code-btn.data-v-a44ae884 {
  41. width: 180rpx;
  42. height: 80rpx;
  43. background: #409EFF;
  44. color: #fff;
  45. border: none;
  46. border-radius: 12rpx;
  47. font-size: 28rpx;
  48. }
  49. .submit-btn.data-v-a44ae884 {
  50. width: 100%;
  51. background: #409EFF;
  52. color: #fff;
  53. border-radius: 12rpx;
  54. font-size: 32rpx;
  55. margin-top: 16rpx;
  56. height: 80rpx;
  57. }