underConstruction.jsp 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>正在开发中</title>
  8. <style>
  9. /* 全局样式 */
  10. * {
  11. margin: 0;
  12. padding: 0;
  13. box-sizing: border-box;
  14. }
  15. body, html {
  16. height: 100%;
  17. font-family: 'Arial', sans-serif;
  18. background: #f4f4f9;
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. color: #333;
  23. }
  24. .container {
  25. text-align: center;
  26. max-width: 600px;
  27. width: 100%;
  28. padding: 20px;
  29. background: #fff;
  30. border-radius: 10px;
  31. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  32. }
  33. h1 {
  34. font-size: 3rem;
  35. margin-bottom: 20px;
  36. color: #333;
  37. }
  38. p {
  39. font-size: 1.2rem;
  40. line-height: 1.6;
  41. margin-bottom: 30px;
  42. color: #666;
  43. }
  44. .icon {
  45. font-size: 5rem;
  46. color: #ff6b6b;
  47. margin-bottom: 20px;
  48. }
  49. .spinner {
  50. display: inline-block;
  51. width: 50px;
  52. height: 50px;
  53. border: 4px solid rgba(0, 0, 0, 0.1);
  54. border-left-color: #ff6b6b;
  55. border-radius: 50%;
  56. animation: spin 1s linear infinite;
  57. }
  58. @keyframes spin {
  59. to {
  60. transform: rotate(360deg);
  61. }
  62. }
  63. .footer {
  64. margin-top: 20px;
  65. font-size: 0.9rem;
  66. color: #999;
  67. }
  68. a {
  69. color: #ff6b6b;
  70. text-decoration: none;
  71. font-weight: bold;
  72. }
  73. a:hover {
  74. text-decoration: underline;
  75. }
  76. </style>
  77. </head>
  78. <body>
  79. <div class="container">
  80. <div class="icon">🚧</div>
  81. <h1>等待上线中</h1>
  82. <p>我们正在努力为您带来更好的体验,请稍后再来访问。</p>
  83. <div class="spinner"></div>
  84. <div class="footer">
  85. <p>如果您有任何问题或建议,请联系公司为你服务!</p>
  86. </div>
  87. </div>
  88. </body>
  89. </html>