index.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .interview-container {
  2. display: flex;
  3. flex-direction: column;
  4. min-height: 100vh;
  5. background-color: #f5f7fa;
  6. }
  7. .nav-bar {
  8. display: flex;
  9. justify-content: space-between;
  10. align-items: center;
  11. padding: 20rpx 30rpx;
  12. background-color: #6c5ce7;
  13. color: #fff;
  14. }
  15. .scan-btn {
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. background-color: #ff9f43;
  20. padding: 10rpx 30rpx;
  21. border-radius: 30rpx;
  22. font-size: 24rpx;
  23. }
  24. .interview-info {
  25. background-color: #6c5ce7;
  26. color: #fff;
  27. padding: 20rpx 30rpx 40rpx;
  28. }
  29. .info-item {
  30. margin: 10rpx 0;
  31. font-size: 28rpx;
  32. }
  33. .label {
  34. margin-right: 10rpx;
  35. }
  36. .form-container {
  37. flex: 1;
  38. background-color: #fff;
  39. border-radius: 20rpx 20rpx 0 0;
  40. margin-top: -20rpx;
  41. padding: 40rpx 30rpx;
  42. }
  43. .form-title {
  44. font-size: 32rpx;
  45. font-weight: bold;
  46. margin-bottom: 10rpx;
  47. }
  48. .form-subtitle {
  49. font-size: 24rpx;
  50. color: #999;
  51. margin-bottom: 40rpx;
  52. }
  53. .form-item {
  54. margin-bottom: 30rpx;
  55. }
  56. .form-label {
  57. display: block;
  58. font-size: 28rpx;
  59. margin-bottom: 10rpx;
  60. }
  61. .required {
  62. color: #ff4757;
  63. }
  64. input {
  65. width: 100%;
  66. height: 80rpx;
  67. border: 1px solid #eee;
  68. border-radius: 8rpx;
  69. padding: 0 20rpx;
  70. font-size: 28rpx;
  71. box-sizing: border-box;
  72. }
  73. .submit-btn {
  74. width: 100%;
  75. height: 90rpx;
  76. line-height: 90rpx;
  77. background-color: #6c5ce7;
  78. color: #fff;
  79. border-radius: 45rpx;
  80. font-size: 32rpx;
  81. margin-top: 60rpx;
  82. }