71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
HTML
<!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="../css/zui.min.css">
|
||
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_38mf67keq7k.css">
|
||
<link rel="stylesheet" href="../css/clear.css">
|
||
<link rel="stylesheet" href="../css/public.css">
|
||
<link rel="stylesheet" href="../css/login.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="login">
|
||
<img src="../img/1.jpg" alt="" data-toggle="modal" data-target="#chiooseImg">
|
||
<div class="username">
|
||
<input class="name" type="text" placeholder="请输入用户名">
|
||
<input class="room" type="number" placeholder="请输入房号">
|
||
</div>
|
||
<i class="iconfont icon-tubiaozhizuomoban"></i>
|
||
</div>
|
||
|
||
<div class="modal fade" id="chiooseImg">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal">
|
||
<span aria-hidden="true">×</span>
|
||
<span class="sr-only">关闭</span>
|
||
</button>
|
||
<h4 class="modal-title">对话框标题</h4>
|
||
</div>
|
||
<div class="modal-body" style="max-height: initial; overflow: visible;">
|
||
<ul class="chiooseUserImg">
|
||
</ul>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
||
<button type="button" class="btn btn-primary setUserImage">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
<script src="../js/lib/jquery.js"></script>
|
||
<script src="../js/lib/zui.min.js"></script>
|
||
<script src="../js/lib/socket.io.js"></script>
|
||
<script src="../js/config/index.js"></script>
|
||
<script src="../js/utils/index.js"></script>
|
||
<script src="../js/utils/socket.js"></script>
|
||
<script src="../js/page/login.js"></script>
|
||
|
||
<!-- <script>
|
||
var socket = io("http://127.0.0.1:3000/");
|
||
|
||
document.querySelector("button").onclick = function () {
|
||
var value = document.querySelector("input").value
|
||
socket.emit('GetMessaeg', value);
|
||
}
|
||
|
||
socket.on("sendMessage", function(res) {
|
||
document.querySelector("p").innerHTML+= res+`<br/>`;
|
||
console.log("前端收到消息了：", res);
|
||
})
|
||
</script> -->
|
||
|
||
</html> |