Files
Friendship-and-chat-uniapp/@html/download.html
T
2026-07-15 20:20:05 +08:00

357 lines
8.2 KiB
HTML

<!DOCTYPE html>
<html style="font-size: 50px">
<head>
<title>荷塘月色 - app下载</title>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta
name="description"
content="高端私密真实可靠的聊天交友APP。平台通过人工审核和会员制度,保证用户质量。快来邂逅附近的女神吧!"
/>
<meta name="keywords" content="荷塘月色,聊天,交友" />
<script src="./device-fingerprint.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<style type="text/css">
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: 400;
vertical-align: baseline;
}
</style>
<style type="text/css">
#txt-title {
color: white;
}
@keyframes myfirst {
0% {
background: url(bg-image.png) 0 no-repeat;
background-size: auto 100%;
}
50% {
background: url(bg-image.png) 100% no-repeat;
background-size: auto 100%;
}
to {
background: url(bg-image.png) 0 no-repeat;
background-size: auto 100%;
}
}
@-webkit-keyframes myfirst {
0% {
background: url(bg-image.png) 0 no-repeat;
background-size: auto 100%;
}
50% {
background: url(bg-image.png) 100% no-repeat;
background-size: auto 100%;
}
to {
background: url(bg-image.png) 0 no-repeat;
background-size: auto 100%;
}
}
.msite {
display: block;
font-size: 0.24rem;
}
.container {
position: fixed;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(./bg-image.png) 100% no-repeat;
background-size: auto 100%;
text-align: center;
-webkit-animation: myfirst 50s linear infinite;
animation: myfirst 50s linear infinite;
}
.top-box {
text-align: center;
padding-top: 1.7rem;
}
.logo-ico {
width: 1.4rem;
height: auto;
border-radius: 10px;
}
.sub-title {
font-size: 0.64rem;
font-weight: 700;
line-height: 0.5rem;
letter-spacing: 3px;
margin-top: 0.2rem;
color: white;
}
.top-box p {
font-size: 0.36rem;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: 700;
color: #fff;
line-height: 0.5rem;
letter-spacing: 3px;
margin-top: 0.2rem;
}
.top-box .sagn-ico {
width: 5.89rem;
height: auto;
margin-top: 0.49rem;
}
.download-btn {
position: relative;
bottom: -52px;
display: flex;
justify-content: center;
}
.download-btn-real {
margin: 0 auto;
width: 5.6rem;
height: 0.9rem;
background: linear-gradient(-89deg, #ec6978, #f2ac66);
box-shadow: 0.02rem 0.02rem 0.3rem 0 rgb(255 155 116 / 46%);
line-height: 0.9rem;
border-radius: 0.45rem;
border: 1px solid #faa36a;
text-align: center;
font-size: 0.32rem;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: 700;
color: #fff;
letter-spacing: 4px;
text-shadow: 1px 1px 1px rgb(213 86 29 / 55%);
}
.footer {
width: 100%;
color: #fff;
text-align: center;
position: fixed;
bottom: 0.21rem;
line-height: 0.4rem;
}
.footer-container p {
margin-bottom: 0;
}
</style>
</head>
<body>
<div class="msite container">
<div class="top-box">
<img class="logo-ico" src="./logo.png" alt="logo" />
<p id="txt-title">荷塘月色</p>
<div class="sub-title">同城交友平台</div>
</div>
<div class="download-btn" onclick="download()">
<div class="download-btn-real">下载安装</div>
</div>
<div class="footer">
<div class="footer-container">
<p>更新时间:&nbsp;2025年12月12日</p>
</div>
</div>
</div>
</body>
<script type="text/javascript">
const IOS_DOWNLOAD_URL =
'https://apps.apple.com/cn/app/%E8%8D%B7%E5%A1%98%E5%8A%A9%E6%89%8B/id6764264313';
const ANDROID_DOWNLOAD_URL = 'http://download.htysapp.com/荷塘月色.apk';
function isWeiXin() {
return /MicroMessenger/i.test(navigator.userAgent);
}
function judgeClient() {
const userAgent = navigator.userAgent;
// iPadOS 13+ 使用桌面模式时 UA 类似 macOS,需要结合触摸点数判断。
const isIOS =
/iPhone|iPad|iPod/i.test(userAgent) ||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
if (isIOS) {
return 'ios';
}
if (/Android/i.test(userAgent)) {
return 'android';
}
return 'pc';
}
// 根据当前设备跳转到对应的应用下载地址。
function download() {
const client = judgeClient();
if (client === 'ios') {
window.location.href = IOS_DOWNLOAD_URL;
return;
}
// 微信内置浏览器通常会拦截 Android APK 下载。
if (client === 'android' && isWeiXin()) {
alert('请点击右上角按钮选择从浏览器打开此页面。');
return;
}
if (client === 'android') {
window.location.href = ANDROID_DOWNLOAD_URL;
return;
}
alert('请使用手机浏览器下载安装。');
}
function getApiUrl(app) {
if (app === 'yyq') {
return 'https://api.newroad.top/api/v1/publicShare/setKey';
}
return 'https://api.xiaoquanapp.top/api/v1/publicShare/setKey';
}
// 记录设备指纹与分享用户的对应关系,用于渠道归因。
async function sendUid(app, uid) {
const deviceFingerprint = DeviceFingerprint.init({});
// 等待指纹依赖完成初始化。
await new Promise((resolve) => setTimeout(resolve, 500));
const fingerprints = await deviceFingerprint.getWebGLFingerprint();
$.ajax({
url: getApiUrl(app),
type: 'POST',
data: {
key: fingerprints,
value: uid,
},
});
}
(function () {
const urlParams = new URLSearchParams(window.location.search);
const app = urlParams.get('app') || '';
const uid = urlParams.get('uid');
if (uid) {
sendUid(app, uid).catch(function (error) {
console.error('设备指纹上报失败:', error);
});
}
})();
</script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?8841fecf6f4a06974ef8797421c60dc0';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</html>