index.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-1cf27b2a {
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. min-height: 100vh;
  8. background-color: #f8f8fa;
  9. }
  10. .container .img.data-v-1cf27b2a {
  11. margin-top: 120rpx;
  12. width: 200rpx;
  13. height: 200rpx;
  14. border-radius: 20rpx;
  15. }
  16. .container .logo_name.data-v-1cf27b2a {
  17. margin-top: 25rpx;
  18. font-size: 36rpx;
  19. }
  20. .container .phone.data-v-1cf27b2a {
  21. box-sizing: border-box;
  22. margin-top: 80rpx;
  23. padding: 0 20rpx;
  24. width: 538rpx;
  25. height: 80rpx;
  26. border-radius: 8rpx;
  27. box-shadow: 0 0 10rpx #ccc;
  28. background-color: #fff;
  29. }
  30. .container .phone .phone_input.data-v-1cf27b2a {
  31. height: 100%;
  32. }
  33. .container .code.data-v-1cf27b2a {
  34. display: flex;
  35. justify-content: space-between;
  36. align-items: center;
  37. box-sizing: border-box;
  38. margin-top: 40rpx;
  39. padding: 0 20rpx;
  40. width: 538rpx;
  41. height: 80rpx;
  42. border-radius: 8rpx;
  43. box-shadow: 0 0 10rpx #ccc;
  44. background-color: #fff;
  45. }
  46. .container .code .code_input.data-v-1cf27b2a {
  47. width: 55%;
  48. height: 100%;
  49. }
  50. .container .code .code_box.data-v-1cf27b2a {
  51. display: flex;
  52. justify-content: center;
  53. align-items: center;
  54. width: 35%;
  55. height: 80rpx;
  56. color: #3c9cff;
  57. font-size: 26rpx;
  58. }
  59. .container .loginBtn.data-v-1cf27b2a {
  60. display: flex;
  61. justify-content: center;
  62. align-items: center;
  63. margin-top: 50rpx;
  64. width: 538rpx;
  65. height: 80rpx;
  66. color: #a0a1a4;
  67. border-radius: 8rpx;
  68. background-color: #e5e6eb;
  69. }
  70. .container .active.data-v-1cf27b2a {
  71. color: #fff;
  72. background-color: #0061ff;
  73. }