119 lines
4.0 KiB
HTML
119 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_xxjerwhwts.css">
|
|
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/css/zui.min.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="header">
|
|
<div class="header_left">
|
|
<img src="./img/1.jpg" alt="">
|
|
<span>bmy</span>
|
|
</div>
|
|
<div class="header_text"></div>
|
|
<div class="header_right"></div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<ul class="content_left">
|
|
|
|
</ul>
|
|
<div class="content_right">
|
|
<div class="title">群成员 00</div>
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="footer_menu">
|
|
<i class="iconfont aaa icon-weixiao"></i>
|
|
<i class="iconfont aaa icon-gif"></i>
|
|
<i class="iconfont aaa icon-xinbaniconshangchuan_huaban"></i>
|
|
<i class="iconfont aaa icon-zitiyanse"></i>
|
|
<i class="iconfont icon-zhendong"></i>
|
|
<div class="footer_topmenu" style="display: none;">
|
|
<div class="menu_title">表情</div>
|
|
<div class="menu_content">
|
|
<div class="smiling active">
|
|
</div>
|
|
<div class="gif"></div>
|
|
<div class="qipao">
|
|
<input type="color">
|
|
</div>
|
|
<div class="font">
|
|
<input type="color">
|
|
<select name="" id="">
|
|
<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>
|
|
<option value="23px">23px</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<ul class="menu_footer">
|
|
<li>表情</li>
|
|
<li>动图</li>
|
|
<li>气泡</li>
|
|
<li>字体</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer_input" contenteditable></div>
|
|
</div>
|
|
|
|
</body>
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script>if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};</script>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/js/zui.min.js"></script>
|
|
<script src="./js/socket.io.min.js"></script>
|
|
<script src="./js/index.js"></script>
|
|
|
|
<!-- <script>
|
|
var ws = new WebSocket("ws://127.0.0.1:8080")
|
|
|
|
// 监听连接是否打开
|
|
ws.onopen = function () {
|
|
console.log("连接已经打开");
|
|
}
|
|
|
|
// 监听连接是否错误
|
|
ws.onerror = function () {
|
|
console.log("连接错误");
|
|
}
|
|
|
|
// 监听连接是否关闭
|
|
ws.onclose = function () {
|
|
console.log("连接关闭");
|
|
}
|
|
|
|
|
|
// 收到后端消息
|
|
ws.onmessage = function (e) {
|
|
console.log("收到后端的消息：", e.data);
|
|
}
|
|
|
|
$("button").click(function () {
|
|
ws.send($("textarea").val())
|
|
})
|
|
|
|
console.log();
|
|
|
|
</script> -->
|
|
</html> |