500.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>500-服务内部故障!</title>
  6. <style>
  7. body {
  8. margin: 0;
  9. padding: 0;
  10. background-color: #0078d7;
  11. color: white;
  12. font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: center;
  16. align-items: center;
  17. height: 100vh;
  18. text-align: center;
  19. }
  20. .error-code {
  21. font-size: 1.5em;
  22. margin-top: 20px;
  23. }
  24. .description {
  25. font-size: 1.2em;
  26. margin-top: 10px;
  27. }
  28. .input-container {
  29. margin-top: 20px;
  30. }
  31. .input-container input {
  32. font-size: 1em;
  33. padding: 10px;
  34. width: 300px;
  35. border: none;
  36. border-radius: 5px;
  37. }
  38. a {
  39. text-decoration: none;
  40. color: #fff;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div>
  46. <div class="emoji" style="font-size: 5em;">:(</div>
  47. <div class="main-message" style="font-size: 2em; margin-top: 20px;">An error occurred and your request could not be completed.</div>
  48. <div class="error-code">发生错误,您的请求无法完成,您可以截图联系开发者提交该截图来获取对应的解决方案</div>
  49. <div class="description"><div>ERROR_MSG:<?php echo $_ENV["error_msg"]; ?></div> </div>
  50. </div>
  51. <script>
  52. const errorCodeInput = document.getElementById('error-code-input');
  53. const errorCodeDisplay = document.getElementById('error-code-display');
  54. errorCodeInput.addEventListener('input', () => {
  55. errorCodeDisplay.textContent = errorCodeInput.value;
  56. });
  57. </script>
  58. </body>
  59. </html>