up

h5/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+<title>喵舍 App 下载</title>
+<style>
+  * { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
+  body { background:#0f0f14; color:#fff; font-family:-apple-system,"PingFang SC","Helvetica Neue",sans-serif;
+         min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 24px; }
+  .logo { width:88px; height:88px; border-radius:20px; display:flex; align-items:center; justify-content:center;
+          background:linear-gradient(135deg,#fe2c55,#7c4dff); font-size:44px; margin-bottom:20px;
+          box-shadow:0 8px 32px rgba(254,44,85,.35); }
+  h1 { font-size:22px; margin-bottom:8px; }
+  .sub { color:#9a9aa5; font-size:14px; margin-bottom:36px; text-align:center; line-height:1.7; }
+  .btn { width:100%; max-width:320px; padding:15px 0; border:none; border-radius:12px; font-size:16px;
+         font-weight:600; cursor:pointer; margin-bottom:14px; display:block; text-align:center;
+         text-decoration:none; }
+  .btn-primary { background:linear-gradient(135deg,#fe2c55,#7c4dff); color:#fff;
+                 box-shadow:0 6px 20px rgba(254,44,85,.35); }
+  .btn:active { opacity:.85; }
+  .meta { color:#6d6d78; font-size:12px; margin-top:16px; text-align:center; line-height:1.8; }
+  #toast { position:fixed; left:50%; bottom:60px; transform:translateX(-50%); background:#333; color:#fff;
+           padding:10px 20px; border-radius:8px; font-size:14px; opacity:0; transition:opacity .3s; pointer-events:none; }
+</style>
+</head>
+<body>
+  <div class="logo">▶</div>
+  <h1>喵舍 App</h1>
+  <p class="sub">新人注册立送体验会员<br>看视频赚积分 · 邀请好友得奖励</p>
+  <a class="btn btn-primary" id="dl" href="/downloads/video-app.apk">下载 Android 安装包</a>
+  <p class="meta">支持 Android 7.0 及以上系统<br>安装时请允许「安装未知来源应用」</p>
+  <div id="toast"></div>
+<script>
+  var dl = document.getElementById('dl');
+  // 下载提示 + 兜底（部分浏览器拦截直链时引导长按）
+  dl.addEventListener('click', function () {
+    toast('开始下载，请留意系统通知栏');
+  });
+  function toast(t) {
+    var el = document.getElementById('toast');
+    el.textContent = t; el.style.opacity = 1;
+    setTimeout(function () { el.style.opacity = 0; }, 2500);
+  }
+</script>
+</body>
+</html>