welcome.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>绑定成功</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <style>
  8. html,
  9. body {
  10. margin: 0;
  11. padding: 0;
  12. height: 100%;
  13. font-family: 'Helvetica Neue', Arial, sans-serif;
  14. background-color: #ffffff;
  15. }
  16. .card {
  17. width: 100%;
  18. height: 100%;
  19. border-radius: 0;
  20. background-color: #fff;
  21. display: flex;
  22. flex-direction: column;
  23. justify-content: center;
  24. align-items: center;
  25. text-align: center;
  26. }
  27. .avatar {
  28. width: 120px;
  29. height: 120px;
  30. border-radius: 50%;
  31. object-fit: cover;
  32. margin-bottom: 20px;
  33. }
  34. .nickname {
  35. font-size: 28px;
  36. font-weight: bold;
  37. color: #222;
  38. margin-bottom: 10px;
  39. }
  40. .openid {
  41. font-size: 18px;
  42. color: #555;
  43. word-break: break-all;
  44. margin-bottom: 20px;
  45. }
  46. .success {
  47. font-size: 20px;
  48. color: #4caf50;
  49. font-weight: 500;
  50. }
  51. </style>
  52. </head>
  53. <body>
  54. <div class="card">
  55. <!-- <img class="avatar" id="avatar" src="https://via.placeholder.com/120" alt="用户头像"> -->
  56. <!-- <div class="nickname" id="nickname">加载中...</div> -->
  57. <!-- <div class="openid" id="openid"></div> -->
  58. <div class="success">✅ 已成功绑定服务号通知</div>
  59. </div>
  60. <script>
  61. const urlParams = new URLSearchParams(window.location.search)
  62. const nickname = urlParams.get('nickname') || '用户'
  63. // const openid = urlParams.get('openid') || '';
  64. // const avatar = urlParams.get('avatar') || '';
  65. // document.getElementById("nickname").innerText = decodeURIComponent(nickname);
  66. document.getElementById('openid').innerText = openid ? `OpenID: ${openid}` : ''
  67. // document.getElementById("avatar").src = avatar || "https://api.iconify.design/mdi:account-circle.svg?color=%23ccc&width=120";
  68. </script>
  69. </body>
  70. </html>