194 lines
5.1 KiB
HTML
194 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<title>萌狼工作室</title>
|
||
<style>
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100vh;
|
||
text-align: center;
|
||
}
|
||
|
||
.box {
|
||
flex: 1;
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-direction: column;
|
||
|
||
}
|
||
|
||
.info {
|
||
width: 80%;
|
||
max-width: 350px;
|
||
text-align: left;
|
||
box-sizing: border-box;
|
||
padding: 10px;
|
||
margin: 1em auto;
|
||
box-shadow: 0 5px 10px 5px rgba(50, 60, 70, 0.2);
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.number {
|
||
font-size: 3em;
|
||
color: #666;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.text {
|
||
font-size: 14px;
|
||
margin: 24px;
|
||
color: #333;
|
||
}
|
||
|
||
.btn-container {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
.btn {
|
||
padding: 8px 24px;
|
||
text-decoration: none;
|
||
background: #fff;
|
||
border: 2px solid #efefef;
|
||
color: #333;
|
||
margin: 12px;
|
||
border-radius: 20px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.footer {
|
||
padding: 16px;
|
||
border-top: 1px solid #efefef;
|
||
color: #777;
|
||
font-weight: lighter;
|
||
}
|
||
|
||
.footer a {
|
||
text-decoration: none;
|
||
font-weight: bold;
|
||
color: #000;
|
||
}
|
||
|
||
.tag_red {
|
||
font-size: 12px;
|
||
color: white;
|
||
background: indianred;
|
||
padding: 2px;
|
||
box-sizing: border-box;
|
||
border-radius: 5px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.tag_blue {
|
||
font-size: 12px;
|
||
color: white;
|
||
background: dodgerblue;
|
||
padding: 2px 8px;
|
||
box-sizing: border-box;
|
||
border-radius: 5px;
|
||
margin: 10px;
|
||
}
|
||
|
||
.tag_green {
|
||
font-size: 12px;
|
||
color: white;
|
||
background: lightseagreen;
|
||
padding: 2px 8px;
|
||
box-sizing: border-box;
|
||
border-radius: 5px;
|
||
margin: 10px;
|
||
}
|
||
|
||
.tag_yellow {
|
||
font-size: 12px;
|
||
color: indianred;
|
||
background: #f3f394;
|
||
padding: 2px 8px;
|
||
box-sizing: border-box;
|
||
border-radius: 5px;
|
||
margin: 10px;
|
||
}
|
||
|
||
.link {
|
||
border-bottom: 1px dotted #000;
|
||
}
|
||
|
||
.info:hover .link {
|
||
color: indianred;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="box">
|
||
<div class="number">萌狼工作室</div>
|
||
<div class="btn-container">
|
||
<a class="btn" id="back" href="/doc">
|
||
返回
|
||
</a>
|
||
</div>
|
||
<div class="text">
|
||
信息查询接口 <br><br>通过QQ账号查询所绑定的手机号、手机号归属地、微博id<br>
|
||
该接口随时可能失效，如果失效了请联系萌狼蓝天<br>（去哔哩哔哩/CSDN 私信 萌狼蓝天）
|
||
</div>
|
||
<div class="info">
|
||
<p><span class="tag_red">POST</span><span class="link">http://api.mllt.cc/apis/info/qq</span></p>
|
||
<hr style="margin: 0.5em auto">
|
||
<span class="tag_red">参数</span><br>
|
||
<p class="text">
|
||
<span class="tag_blue">qq</span><span>QQ账号，支持多个QQ账号查询，账号之间使用左斜杠 / 隔开</span></p>
|
||
<hr style="margin: 0.5em auto">
|
||
<span class="tag_red">返回值</span><br>
|
||
<p class="text">
|
||
<span class="tag_green">成功</span>
|
||
<br><br>
|
||
<code>
|
||
{<br>
|
||
"code":1,<br>
|
||
"message":"相关消息",<br>
|
||
"data":{<br>
|
||
"qq":"QQ账号",<br>
|
||
"tel":"手机号码"，<br>
|
||
"id":"微博id",<br>
|
||
"address":"手机号归属地"<br>
|
||
}<br>
|
||
}<br>
|
||
</code>
|
||
</p>
|
||
<p class="text">
|
||
<span class="tag_yellow">失败</span>
|
||
<br><br>
|
||
<code>
|
||
{<br>
|
||
"code":"相关失败代码，一般是-1",<br>
|
||
"message":"失败原因",<br>
|
||
"data":{}<br>
|
||
}<br>
|
||
</code>
|
||
</p>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<footer class="footer">
|
||
Powered by <a href="https://cnblogs.com/mllt" target="_blank">萌狼工作室</a>
|
||
</footer>
|
||
<script>
|
||
var back = document.getElementById('back')
|
||
back.onclick = function () {
|
||
console.log('run...');
|
||
window.location.href = "https://space.bilibili.com/104330271";
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |