auth-test.wxss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .auth-test.data-v-05a3dfda {
  5. min-height: 100vh;
  6. background: #f5f5f5;
  7. padding: 20rpx;
  8. }
  9. .header.data-v-05a3dfda {
  10. text-align: center;
  11. padding: 40rpx 0;
  12. }
  13. .header .title.data-v-05a3dfda {
  14. font-size: 36rpx;
  15. font-weight: bold;
  16. color: #333;
  17. display: block;
  18. margin-bottom: 10rpx;
  19. }
  20. .header .subtitle.data-v-05a3dfda {
  21. font-size: 26rpx;
  22. color: #666;
  23. }
  24. .test-section.data-v-05a3dfda, .status-section.data-v-05a3dfda, .action-section.data-v-05a3dfda {
  25. background: #ffffff;
  26. border-radius: 12rpx;
  27. padding: 30rpx;
  28. margin-bottom: 20rpx;
  29. }
  30. .test-section .section-title.data-v-05a3dfda, .status-section .section-title.data-v-05a3dfda, .action-section .section-title.data-v-05a3dfda {
  31. font-size: 32rpx;
  32. font-weight: bold;
  33. color: #333;
  34. margin-bottom: 20rpx;
  35. border-bottom: 1rpx solid #f0f0f0;
  36. padding-bottom: 10rpx;
  37. }
  38. .test-item.data-v-05a3dfda {
  39. display: flex;
  40. align-items: center;
  41. padding: 20rpx 0;
  42. border-bottom: 1rpx solid #f5f5f5;
  43. }
  44. .test-item.data-v-05a3dfda:last-child {
  45. border-bottom: none;
  46. }
  47. .test-item .test-icon.data-v-05a3dfda {
  48. font-size: 40rpx;
  49. margin-right: 20rpx;
  50. }
  51. .test-item .test-text.data-v-05a3dfda {
  52. font-size: 28rpx;
  53. color: #333;
  54. font-weight: bold;
  55. margin-right: 20rpx;
  56. }
  57. .test-item .test-desc.data-v-05a3dfda {
  58. font-size: 24rpx;
  59. color: #999;
  60. flex: 1;
  61. }
  62. .status-item.data-v-05a3dfda {
  63. display: flex;
  64. align-items: center;
  65. padding: 15rpx 0;
  66. }
  67. .status-item .status-label.data-v-05a3dfda {
  68. font-size: 28rpx;
  69. color: #666;
  70. width: 160rpx;
  71. }
  72. .status-item .status-value.data-v-05a3dfda {
  73. font-size: 28rpx;
  74. font-weight: bold;
  75. }
  76. .status-item .status-value.logged-in.data-v-05a3dfda {
  77. color: #28a745;
  78. }
  79. .status-item .status-value.guest.data-v-05a3dfda {
  80. color: #dc3545;
  81. }
  82. .action-btn.data-v-05a3dfda {
  83. width: 100%;
  84. height: 80rpx;
  85. border: none;
  86. border-radius: 40rpx;
  87. font-size: 28rpx;
  88. font-weight: bold;
  89. }
  90. .action-btn.logout-btn.data-v-05a3dfda {
  91. background: #dc3545;
  92. color: #ffffff;
  93. }
  94. .action-btn.login-btn.data-v-05a3dfda {
  95. background: #28a745;
  96. color: #ffffff;
  97. }