假棋牌辅助网页源码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
input:checked + .slider {
background-color: #2196F3;
}
input:checked + .slider:before {
transform: translateX(20px);
}
.logo {
display: flex;
justify-content: center;
margin: 20px 0; /* 给 logo 上下增加一些间距 */
}
.logo img {
width: 50px; /* 设置logo宽度为50px */
height: 50px; /* 设置logo高度为50px */
}
body {
background-color: black;
color: white;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.header {
display: flex;
align-items: center;
justify-content: center;
background-color: #222;
padding: 10px;
}
.title {
font-size: 20px;
font-weight: bold;
}
.transparent-box {
position: absolute;
top: 90px; /* 距离上方50px */
left: 40px; /* 距离左边2px */
background-color: rgba(255, 255, 255, 0.2); /* 透明背景 */
color: white;
padding: 5px 10px;
border-radius: 5px;
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px;
}
.option {
display: flex;
align-items: center;
width: 45%;
margin: 5px 0;
justify-content: space-between;
}
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
margin-right: 20px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 30px;
width: 30px;
border-radius: 50%;
left: 0;
bottom: 0;
background-color: white;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:checked + .slider:before {
transform: translateX(20px);
}
/* 弹窗的基础样式 */
.modal {
display: none; /* 默认隐藏 */
position: fixed;
z-index: 1; /* 确保在最上方 */
left: 0;
top: 0;
width: 100%; /* 全屏宽 */
height: 100%; /* 全屏高 */
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
justify-content: center; /* 居中对齐 */
align-items: center; /* 垂直居中 */
}
.modal-content {
background-color: white;
padding: 20px;
border-radius: 5px;
text-align: center;
}
/* 转圈圈的样式 */
.loader {
border: 8px solid #f3f3f3; /* Light grey */
border-top: 8px solid blue; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite; /* 旋转动画 */
margin: 0 auto 10px; /* 上0 左右auto(居中) 下10px */
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 未授权的样式 */
.unauthorized {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* 使内容占满整个视口高度 */
background-color: black;
color: white;
font-family: Arial, sans-serif;
}
</style>
<title>棋牌辅助</title>
</head>
<body>
<div id="unauthorizedMessage" class="unauthorized" style="display: none;">
<p>程序未授权，请访问指定域名。</p>
</div>
<div id="authorizedContent" style="display: block;">
<div class="header">
<div class="title">棋牌辅助</div>
</div>
<div class="logo">
<img src="mj.webp" alt="Logo">
<img src="dzpk.jfif" alt="Logo" style="margin-left: 10px;">
<img src="ddz.webp" alt="Logo" style="margin-left: 10px;">
<img src="zjh.webp" alt="Logo" style="margin-left: 10px;">
</div>
<div class="game-id" style="text-align: center; margin: 20px 0;">
<label for="gameName">游戏名称:</label>
<input type="text" id="gameName" placeholder="输入游戏名称" style="border: none; border-bottom: 1px solid white; background-color: transparent; color: white; width: 150px; text-align: center;">
</div>
<div class="game-id" style="text-align: center; margin: 20px 0;">
<label for="gameId">游戏 ID:</label>
<input type="text" id="gameId" placeholder="请输入您的游戏ID" style="border: none; border-bottom: 1px solid white; background-color: transparent; color: white; width: 150px; text-align: center;">
</div>
<div class="container" style="display: flex; flex-wrap: wrap; gap: 20px;">
<div class="option" style="width: calc(50% - 10px);">
<span>随意选牌</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>透视</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>智能出牌</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>语音报牌</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>快速自摸</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>防杠</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>起手暗杠</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>防点炮</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>控制下一张牌</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>防检测/防封号</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>好牌几率</span>
<select style="background-color: #333; color: white; border: 1px solid #555; padding: 5px; border-radius: 4px; width: 80px;">
<option value="off">10%</option>
<option value="low">20%</option>
<option value="medium">30%</option>
<option value="high">40%</option>
<option value="high">50%</option>
<option value="high">60%</option>
<option value="high">70%</option>
<option value="high">80%</option>
<option value="high">90%</option>
<option value="high">100%</option>
</select>
</div>
<div class="option" style="width: calc(50% - 10px);">
<span>起手牌型</span>
<select style="background-color: #333; color: white; border: 1px solid #555; padding: 5px; border-radius: 4px; width: 80px;">
<option value="off">随机好牌</option>
</select>
</div>
</div>
<button style="width: 100%; height: 40px; background-color: blue; color: white; border: none; cursor: pointer; position: absolute; bottom: 0;" onclick="showModal()">
注入插件功能
</button>
<!-- 弹窗 -->
<div id="myModal" class="modal">
<div class="modal-content" id="modalContent">
<div class="loader"></div> <!-- 转圈圈 -->
<p id="modalMessage" style="color: black;">正在注入...</p> <!-- 提示文本 -->
</div>
</div>
<script>
// 域名检查逻辑
const allowedDomain = "waigua.fit"; // 替换为允许的域名
const currentDomain = window.location.hostname;
function checkDomain() {
if (currentDomain !== allowedDomain) {
document.getElementById('authorizedContent').style.display = 'none';
document.getElementById('unauthorizedMessage').style.display = 'flex';
}
}
checkDomain();
// 显示弹窗
function showModal() {
document.getElementById('myModal').style.display = 'flex'; // 显示弹窗
document.getElementById('modalMessage').innerText = "正在注入插件调试，请勿触碰手机或者锁屏，否则导致中断，请耐心等待….."; // 初始文本
}
</script>
</div>
</body>
</html>
评论 (0)