bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
项目合集/聊天室/chat_fontend/page/.pydio Normal file
View File

@@ -0,0 +1 @@
b4eba2d8-9c7b-4785-b79a-f6f10f365f8b

77
项目合集/聊天室/chat_fontend/page/index.html Normal file
View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../css/zui.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_13v8wk05a9ng.css">
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/public.css">
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div class="main">
<div class="main_header">
<span>bmy</span>
<img alt="" src="../img/1.jpg">
</div>
<div class="main_content">
<ul class="left_chat">
<div class="height"></div>
</ul>
<ul class="right_list">
</ul>
</div>
<div class="main_input">
<div class="tools">
<i class="icon icon-smile">
<div class="emoji">
</div>
</i>
<i class="iconfont icon-gif">
<div class="gif">
</div>
</i>
<i class="icon icon-font">
<div class="font">
<select>
<option value="volvo">字体选择</option>
<option value="12px">12px</option>
<option value="13px">13px</option>
<option value="14px">14px</option>
<option value="15px">15px</option>
<option value="16px">16px</option>
<option value="17px">17px</option>
<option value="18px">18px</option>
<option value="19px">19px</option>
<option value="20px">20px</option>
<option value="21px">21px</option>
<option value="22px">22px</option>
</select>
<input type="color">
</div>
</i>
<i class="iconfont icon-zhendong"></i>
<i class="iconfont icon-xinbaniconshangchuan_huaban">
<div class="qipao">
<input type="color">
</div>
</i>
</div>
<textarea cols="30" placeholder="请输入聊天内容" rows="10"></textarea>
</div>
</div>
<div class="qipao_select" style="color:333"></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/index.js"></script>
</html>

71
项目合集/聊天室/chat_fontend/page/login.html Normal file
View File

@@ -0,0 +1,71 @@
<!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>