mylomen-server/static/login_shuidi.html

57 lines
1.6 KiB
HTML
Raw Normal View History

2024-10-02 01:01:30 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水滴登录页</title>
<link rel="stylesheet" href="/v1/static/css/shuidi.css">
2024-10-02 01:11:35 +08:00
<style>
footer {
box-sizing: border-box;
text-align: center;
margin: 0;
padding: 0;
/*background-color: #457B9D;*/
}
</style>
2024-10-02 01:01:30 +08:00
</head>
<body>
<div class="box">
<div class="content">
<h2>登录</h2>
<div>
2024-10-02 12:04:55 +08:00
<input id="myAccount" type="text" placeholder="请输入用户名">
2024-10-02 01:01:30 +08:00
</div>
<div>
2024-10-02 12:04:55 +08:00
<input id="myPwd" type="password" placeholder="请输入密码">
2024-10-02 01:01:30 +08:00
</div>
<div>
2024-10-02 12:04:55 +08:00
<input type="submit" value="登录" onclick="toLogin()">
2024-10-02 01:01:30 +08:00
</div>
</div>
<a href="#" class="btns">忘记密码</a>
<a href="#" class="btns register">注册</a>
</div>
2024-10-02 01:11:35 +08:00
<footer>
<p>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">沪ICP备18034819号</a>
<a href="https://beian.mps.gov.cn/" target="_blank" rel="nofollow"><i class="police-ico"></i>沪公网安备31011302007198号</a>
</p>
</footer>
2024-10-02 01:01:30 +08:00
</body>
2024-10-02 12:04:55 +08:00
<script>
async function toLogin() {
try {
2024-10-07 20:59:09 +08:00
const response = await fetch('http://127.0.0.1:8080');
const body = await response.text();
document.body.innerHTML = body
2024-10-02 12:04:55 +08:00
} catch (error) {
console.log('Request Failed', error);
alert("系统异常,请稍后再试");
}
}
</script>
2024-10-02 01:01:30 +08:00
</html>