master

分支 (1)

管理

管理

master

zanshang
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" sizes="32x32" href="img/jb.png">
 <title>赞赏💰</title>

</head>
<body onload="hideLoader()">

<div class="loader"></div>

<div class="container" id="rewardContainer">
  <div class="message">感谢您的支持🙏🏻</div>
  <!-- 微信打赏区块 -->
  <div class="reward-block wechat" onclick="openModal('wechatModal')">
    <img src="img/wei.png" alt="微信支付" class="icon">
  </div>
  <!-- 支付宝打赏区块 -->
  <div class="reward-block alipay" onclick="openModal('alipayModal')">
    <img src="img/zhi.png" alt="支付宝支付" class="icon">
  </div>
  <!-- QQ打赏区块 -->
  <div class="reward-block qq" onclick="openModal('qqModal')">
    <img src="img/qq.png" alt="QQ支付" class="icon">
  </div>
</div>

<!-- 微信收款码模态框 -->
<div class="modal" id="wechatModal">
  <div class="modal-content">
    <span class="close">&times;</span>
    <img src="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/79be0220296c9afe2ddde6508b73a7ee376da955761f8957433aeecd84fd4af3902143bfdb35c6c7efbddb4d3ad1f6bc?pictype=scale&from=30111&version=3.3.3.3&fname=1726940465619_590217309.png&size=1024" alt="微信收款码" class="qrcode">
  </div>
</div>

<!-- 支付宝收款码模态框 -->
<div class="modal" id="alipayModal">
  <div class="modal-content">
    <span class="close">&times;</span>
    <img src="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/f54657f2f5ae28a1b857030ddcbdd7f58f9acf5dfa9d92d47f91801090916eca0a0dd063b250c210daf8e1bd599dda13?pictype=scale&from=30111&version=3.3.3.3&fname=1726939326617_703257249.png&size=1024" alt="支付宝收款码" class="qrcode">
  </div>
</div>

<!-- QQ收款码模态框 -->
<div class="modal" id="qqModal">
  <div class="modal-content">
    <span class="close">&times;</span>
    <img src="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/4e99b7fc879ed1a61485af16aa15b1c1332431057ea82bdb4ba7c26709429004796104e3b60532534b720ea576ca4b3f?pictype=scale&from=30111&version=3.3.3.3&fname=1715024290738_1663760545.png&size=1024" alt="QQ收款码" class="qrcode">
  </div>
</div>


<script src="js/scripts.js"></script>

</body>

<body>
    <style>
        .beian {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 10px 0;
            text-align: center;
            font-size: 14px;
            color: #666;
        }
        .beian a {
            color: #666;
            text-decoration: none;
        }
        .beian a:hover {
            text-decoration: underline;
        }
    </style>
    <div class="beian">
        <strong>版权归属©️:寻鲸网科 <a href="https://beian.miit.gov.cn/" target="_blank">备案号：滇ICP备2023007716号-1</a></strong>
        <br>
        <strong><a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank"><img src="https://beian.mps.gov.cn/img/logo01.dd7ff50e.png" alt="公安备案图标" style="vertical-align: middle; height: 15px; width: auto; margin-right: 5px;">公安备案号：滇公网安备53032202530370号</a >
        </strong>
    </div>
</body>

</html>