123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <!doctype html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8" />
- <title>绑定成功</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <style>
- html,
- body {
- margin: 0;
- padding: 0;
- height: 100%;
- font-family: 'Helvetica Neue', Arial, sans-serif;
- background-color: #ffffff;
- }
- .card {
- width: 100%;
- height: 100%;
- border-radius: 0;
- background-color: #fff;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- text-align: center;
- }
- .avatar {
- width: 120px;
- height: 120px;
- border-radius: 50%;
- object-fit: cover;
- margin-bottom: 20px;
- }
- .nickname {
- font-size: 28px;
- font-weight: bold;
- color: #222;
- margin-bottom: 10px;
- }
- .openid {
- font-size: 18px;
- color: #555;
- word-break: break-all;
- margin-bottom: 20px;
- }
- .success {
- font-size: 20px;
- color: #4caf50;
- font-weight: 500;
- }
- </style>
- </head>
- <body>
- <div class="card">
- <!-- <img class="avatar" id="avatar" src="https://via.placeholder.com/120" alt="用户头像"> -->
- <!-- <div class="nickname" id="nickname">加载中...</div> -->
- <!-- <div class="openid" id="openid"></div> -->
- <div class="success">✅ 已成功绑定服务号通知</div>
- </div>
- <script>
- const urlParams = new URLSearchParams(window.location.search)
- const nickname = urlParams.get('nickname') || '用户'
- // const openid = urlParams.get('openid') || '';
- // const avatar = urlParams.get('avatar') || '';
- // document.getElementById("nickname").innerText = decodeURIComponent(nickname);
- document.getElementById('openid').innerText = openid ? `OpenID: ${openid}` : ''
- // document.getElementById("avatar").src = avatar || "https://api.iconify.design/mdi:account-circle.svg?color=%23ccc&width=120";
- </script>
- </body>
- </html>
|