index.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta name="format-detection" content="telephone=no">
  9. <meta name="msapplication-tap-highlight" content="no">
  10. <meta name="apple-mobile-web-app-title" content="喵视网">
  11. <title>喵视网</title>
  12. <style>
  13. body {
  14. margin: 0;
  15. padding: 0;
  16. height: 100vh;
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. background-color: #000;
  21. }
  22. .dialog {
  23. width: 76%;
  24. background-color: #fff;
  25. border-radius: 10px;
  26. box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5),
  27. inset 0 0 15px rgba(255, 255, 255, 0.3);
  28. text-align: center;
  29. position: relative;
  30. }
  31. .dialog::before {
  32. content: '';
  33. position: absolute;
  34. top: -5px;
  35. left: -5px;
  36. right: -5px;
  37. bottom: -5px;
  38. border-radius: 15px;
  39. z-index: -1;
  40. opacity: 0.7;
  41. }
  42. .dialog {
  43. color: #000000;
  44. background: radial-gradient(circle at bottom left, #f5f5f5 75%, #ffe6e6);
  45. }
  46. .pupTitle {
  47. padding: 4vw;
  48. font-size: 4.8vw;
  49. font-weight: bold;
  50. margin-bottom: 4vw;
  51. text-align: center;
  52. }
  53. .pupText {
  54. padding: 0 4vw;
  55. display: flex;
  56. flex-direction: column;
  57. gap: 4.26667vw;
  58. min-height: 32vw;
  59. font-size: 3.46667vw;
  60. margin-bottom: 5.33333vw;
  61. }
  62. .pupText .TextTwo {
  63. display: flex;
  64. flex-direction: column;
  65. gap: 0.53333vw;
  66. font-weight: 500;
  67. }
  68. .TextTwo span {
  69. color: #ff2a14;
  70. border: 2px solid #ff2a14;
  71. padding: 2px 4px;
  72. border-radius: 4px;
  73. font-size: 12px;
  74. margin-left: 6px;
  75. line-height: 1;
  76. white-space: nowrap;
  77. }
  78. .TextTwo div {
  79. line-height: 1.8;
  80. display: flex;
  81. align-items: center;
  82. justify-content: center;
  83. flex-wrap: wrap;
  84. }
  85. .TextThree {
  86. font-weight: 500;
  87. color: #ff2a14;
  88. }
  89. </style>
  90. </head>
  91. <body>
  92. <div class="dialog">
  93. <div class="pupTitle">喵视网APP免享全球资源</div>
  94. <div class="pupText">
  95. <div class="TextOne">爱优腾芒,爆火短剧,高清影视、统统都有,一站式追不停!全网最全的影视资源,全平台聚合<br />喜欢本站的朋友,可以在小红书/抖音/快手/公众号等平台分享一下!万分感激</div>
  96. <div class="TextTwo">
  97. <div>在线观看:ys787.app<span id="openBtn">打开</span>
  98. </div>
  99. <div>官方QQ群1:799061041<span id="qq1">复制</span>
  100. </div>
  101. <div>官方QQ群2:859660858<span id="qq2">复制</span></div>
  102. <div>
  103. 官方Telegram群:https://t.me/+EifFkmMyobQ5YmI9
  104. <span id="qq3">点击复制</span>
  105. </div>
  106. </div>
  107. <div class="TextThree">
  108. *永久免费、无广告不卡顿。<br><span>如片源缺失,点击群号即可加群联系~</span>
  109. </div>
  110. </div>
  111. </div>
  112. <script>
  113. document.querySelector('#qq1').addEventListener("click", function () {
  114. const text = "799061041";
  115. const input = document.createElement("input");
  116. input.value = text;
  117. document.body.prepend(input);
  118. input.select();
  119. document.execCommand("copy");
  120. document.body.removeChild(input);
  121. alert("分享链接复制成功\n快去分享给你的好友吧~");
  122. });
  123. document.querySelector('#qq2').addEventListener("click", function () {
  124. const text = "859660858";
  125. const input = document.createElement("input");
  126. input.value = text;
  127. document.body.prepend(input);
  128. input.select();
  129. document.execCommand("copy");
  130. document.body.removeChild(input);
  131. alert("分享链接复制成功\n快去分享给你的好友吧~");
  132. });
  133. document.querySelector('#qq3').addEventListener("click", function () {
  134. const text = "https://t.me/+EifFkmMyobQ5YmI9";
  135. const input = document.createElement("input");
  136. input.value = text;
  137. document.body.prepend(input);
  138. input.select();
  139. document.execCommand("copy");
  140. document.body.removeChild(input);
  141. alert("分享链接复制成功\n快去分享给你的好友吧~");
  142. });
  143. document.querySelector('#openBtn').addEventListener("click", function () {
  144. window.open("https://www.ys787.app/", "_blank");
  145. });
  146. </script>
  147. </body>
  148. </html>