<?

php
$title = '登录 QQ';
include './head.php';
$loginmsg = '<div class="col-sm-12 col-md-6">
<div class="card">
<div class="zisebiankuang"></div>
<div class="card-body">
' . $conf['loginmsg'] . '
<div id="apimsg"></div>
<div class="text-center" id="showvpn" style="display: none;">
<button type="button" class="btn btn-outline-primary">安卓链
接 VPN</button>
<button type="button" class="btn btn-outline-dark">苹果链接
VPN</button>
</div>
</div>
</div>
</div>';
?>

<link rel="stylesheet"
href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
<style type="text/css">
/*白色圆角边框开始*/
.baiseyuanjiao {
width: 75%;
max-width: 500px;
margin: 0 auto;
padding: 5px;
background-color: #FFC0CB;
border-radius: 20px;
}

/*白色圆角边框结束*/
/*字体颜色开始*/
.liuqianyun1001 {
font-size: 13px;
color: #20B2AA;
}

.liuqianyun2001 {
font-size: 13px;
color: #FF00FF;
}

.liuqianyun3001 {
font-size: 13px;
color: #DAA520;
}

.liuqianyun4001 {
font-size: 13px;
color: #C0C0C0;
}

.liuqianyun5001 {
 font-size: 13px;
color: #33ff33;
}

/*字体颜色结束*/
/*查看详情渐变开始*/
.jianbian {
display: inline-block;
padding: 1px 1px;
border-radius: 30px;
background-image: linear-gradient(to right, #0fd850 0%, #f9f047 100%);
color: white;
text-decoration: none;
transition: background-color 0.3s ease;
}

/*查看详情渐变结束*/
.container {
width: 300px;
height: 200px;
background-color: #FF00FF;
border: 2px dashed #8A2BE2;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
position: relative;
}

/*紫色边框开始*/
.zisebiankuang:before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: -1;
border: 2px dashed #FFC0CB;
border-radius: 15px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/*紫色边框结束*/
/*紫色边框结束*/
.juzhong {
text-align: center;
}

/*居中结束*/

.table {
width: 100%;
border-collapse: collapse;
}

.table td,
.table th {
 padding: 8px;
border: 1px solid #ccc;
}

.table th {
background-color: #f5f5f5;
}

.table img {
vertical-align: middle;
margin-right: 5px;
}

.jianbian {
background: linear-gradient(to right, #ff4b1f, #ff9068);
color: #fff;
padding: 5px 10px;
border-radius: 3px;
text-decoration: none;
}
</style>
<style>
body {
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

@media screen and (min-width: 720px) {

body {
background-image:
url('http://localhost/user/assets/img/backgrounds.png');
}
}
</style>
<style>

/* 小于时 */
@media only screen and (max-width: 720px) {
body {
/*兼容浏览器版本*/
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
padding: 0;
background: url('http://ympay.asia/image/api.php') no-repeat center
center fixed;
background-size: cover;
-moz-background-size: cover;

}
</style>
<div class="row">
 <canvas id="qrcanvas" style="display:none;"></canvas>
<?php if(intval($conf['loginmsg_place']) === 0) echo $loginmsg?>
<div class="col-sm-12 col-md-6">
<div class="card">
<div class="zisebiankuang"></div>
<div class="card-body">

<!--<div id="openyebai" class="layui-card"-->

<!-- style="box-shadow: 3px 3px 12px
rgba(164,164,164,0.4);cursor: pointer">-->
<!-- <div class="layui-card-header" style="color:
red">-->
<!-- 夜白云端 <span class="layuiadmin-span-
color"><img-->
<!--
src="https://pic.imgdb.cn/item/64c7a4e81ddac507cce87b04.jpg" width="25"></span>-->
<!-- </div>-->
<!-- <div class="layui-card-body layuiadmin-card-
list">-->
<!-- <p class="layuiadmin-big-font">点击此处查看功能
</p>-->
<!-- </p>-->
<!-- </div>-->
<!--</div>-->
<div class="card-body">
<form id="form">
<div class="row mb-3">
<label class="col-sm-2 col-form-label">分类节点</label>
<div class="col-sm-10">
<select class="form-select" id="cid"
name="cid">
</select>
</div>
</div>
<div class="row mb-3">
<label class="col-sm-2 col-form-label">登录节点</label>
<div class="col-sm-10">
<select class="form-select" name="apiid"
id="apiid">
</select>
</div>
</div>
<div class="row mb-3">
<label class="col-sm-2 col-form-label">QQ 账号</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="qq"
placeholder="输入 QQ 号">
</div>
</div>
<div class="row mb-3" id="_pwd">
<label class="col-sm-2 col-form-label">QQ 密码</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="pwd"
placeholder="扫码登录可留空，不填写">
</div>
</div>
 <div class="row mb-3">
<label class="col-sm-2 col-form-label">登陆协议</label>
<div class="col-sm-10">
<select class="form-select"
name="protocol">
</select>
</div>
</div>

<div class="row mb-3" id="_apipwd" style="display: none;">

<label class="col-sm-2 col-form-label">接口密码</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="apipwd"
placeholder="请输入接口密码,可免费">
</div>
</div>

<div class="row mb-3">

<div class="col-sm-10 offset-sm-2">
<button type="button" class="btn btn-outline-primary"
id="qr" onclick="subbot('qr')">扫码登录</button>
&nbsp;
<button type="button" class="btn btn-outline-success"
id="pwd" onclick="subbot('pwd')">密码登录</button>
<?php if($conf['show_free']==1)echo '<p><font
color="red" id="free"></font></p>';?>
</div>
</div>
</form>
</div>
</div>
</div>
</div>

<?php if(intval($conf['loginmsg_place']) === 1) echo $loginmsg?>

</div>

</div>
</div>
</div>

<!--弹窗--->
<div class="modal fade" id="showQr" data-bs-backdrop="static" data-bs-
keyboard="false" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">请扫描二维码</h5>
<button type="button" class="btn-close"
data-bs-dismiss="modal"></button>
</div>
<div class="modal-body text-center">
<p>扫描二维码，期间请不要关闭本页面！</p><br>
<div class="list-group-item list-group-item-info"
style="font-weight: bold;"><span id="qrloginmsg">请使用<kbd>手机 QQ</kbd>扫描二维
码</span></div>
<div id="content"></div>
<div class="d-grid">
<button type="button" onclick="mloginurlnew()"
class="btn btn-warning btn-block" style="background-color: rgb(107, 202, 194);
border-color: rgb(107, 202, 194); color: rgb(255, 255, 255); opacity: 1; transform:
translateY(0px);">跳转 QQ 快捷登录</button>
</div>
<p style="color: red;">注意:快捷登陆有可能登陆不上，如果跳转登录了，
但是返回当前页面，完全没有任何反应的话，请使用摄像头扫码方式再次进线登录，如果还是存在问题请联系客
服</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-
dismiss="modal" style="opacity: 1; transform: translateY(0px);">关闭</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="showPwd" data-bs-backdrop="static" data-bs-
keyboard="false" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">密码登录-关闭则是取消登录</h5>
<button type="button" class="btn-close"
data-bs-dismiss="modal"></button>
</div>
<div class="modal-body text-center">
<div id="loadiframe" style="text-align:center;"><i class="fa fa-
spinner fa-spin"></i>正在登录中...</div>
<div id="showPwdcontent"></div>
<div id="_phonecode"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-
dismiss="modal" style="opacity: 1; transform: translateY(0px);">关闭</button>
</div>
</div>
</div>
</div>
<!--弹窗 end--->
<!-- Javascripts -->
<script src="../assets/template/js/jquery-3.4.1.min.js"></script>
<script src="../assets/template/js/[email protected]"></script>
<script src="../assets/template/js/bootstrap.min.js"></script>
<script src="../assets/template/js/feather-icons.js"></script>
<script src="../assets/template/js/perfect-scrollbar.min.js"></script>
<script src="../assets/template/js/main.min.js"></script>
<script src="../assets/layer/layer.js"></script>
<script src="../assets/js/jsQR.js"></script>
<script src="./assets/js/add.js?ver=aaa<?php echo VERSION ?>"></script>
</body>
</html>
<script type="text/javascript">
$('input[name="pwd"]').click(function(){
 $('input[name="pwd"]').attr('type','password');
});
</script>