广告平台(总站长使用)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

success.html 2.1 KiB

před 4 měsíci
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>授权成功</title>
  7. <style>
  8. body {
  9. font-family: Arial, sans-serif;
  10. display: flex;
  11. justify-content: center;
  12. align-items: center;
  13. height: 100vh;
  14. background-color: #f0f2f5;
  15. margin: 0;
  16. }
  17. .container {
  18. text-align: center;
  19. background-color: #fff;
  20. padding: 40px;
  21. border-radius: 8px;
  22. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  23. width: 300px;
  24. }
  25. h1 {
  26. color: #333;
  27. margin-bottom: 20px;
  28. }
  29. p {
  30. color: #666;
  31. font-size: 16px;
  32. line-height: 1.5;
  33. }
  34. .btn {
  35. display: inline-block;
  36. padding: 10px 20px;
  37. margin-top: 20px;
  38. font-size: 16px;
  39. color: #fff;
  40. background-color: #5cb85c;
  41. border: none;
  42. border-radius: 4px;
  43. cursor: pointer;
  44. text-decoration: none;
  45. transition: background-color 0.3s;
  46. }
  47. .btn:hover {
  48. background-color: #4cae4c;
  49. }
  50. /* 添加logo样式 */
  51. .logo {
  52. display: block;
  53. margin: 0 auto 20px; /* 上下自动居中,底部外边距20px */
  54. width: 100px; /* 根据你的logo大小调整 */
  55. height: auto; /* 保持图片原始宽高比 */
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div class="container">
  61. <!-- 添加logo图片 -->
  62. <img src="../static/img/success.jpeg" alt="Logo" class="logo">
  63. <h1>授权成功!</h1>
  64. <p>您已成功完成微信小程序授权。</p>
  65. <a href="https://open.weixin.qq.com/" class="btn">前往微信</a>
  66. <!-- <button onclick="closeWindow()" class="btn">关闭页面</button>-->
  67. </div>
  68. <script>
  69. function closeWindow() {
  70. window.close();
  71. }
  72. </script>
  73. </body>
  74. </html>