75 lines
2.8 KiB
HTML
75 lines
2.8 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="https://cdn.bootcdn.net/ajax/libs/zui/1.9.2/css/zui.min.css">
|
||
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_v91u1ltc44.css">
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="chat">
|
||
<div class="chat_left">
|
||
<div class="title">
|
||
<div class="userinfo">
|
||
<img src="./img/10.jpg" alt="">
|
||
<span>张三</span>
|
||
</div>
|
||
<p>前端小分队三</p>
|
||
</div>
|
||
<ul class="chat_message">
|
||
<div class="sorc"></div>
|
||
</ul>
|
||
<div class="chat_input">
|
||
<div class="action">
|
||
<i class="iconfont icon-weixiao"></i>
|
||
<i class="iconfont icon-gif"></i>
|
||
<i class="iconfont icon-zitiyanse"></i>
|
||
<i class="iconfont icon-zhendong"></i>
|
||
|
||
<ul class="gif" style="display: none;"></ul>
|
||
<ul class="expression" style="display: none;"></ul>
|
||
<ul class="fontedit">
|
||
<li>
|
||
<span>字体大小：</span>
|
||
<select class="FontSize" name="" id="">
|
||
<option value="12px">12px</option>
|
||
<option value="14px">14px</option>
|
||
<option value="16px">16px</option>
|
||
<option value="18px">18px</option>
|
||
<option value="20px">20px</option>
|
||
</select>
|
||
</li>
|
||
<li>
|
||
<span>字体颜色：</span>
|
||
<input type="color" class="Colors">
|
||
</li>
|
||
<li>
|
||
<span>气泡颜色：</span>
|
||
<input type="color" class="BackColors">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="chat_inputbox" contenteditable></div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="chat_right">
|
||
<p>成员：0</p>
|
||
<ul>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
|
||
<script src="./js/config.js"></script>
|
||
<script src="./js/socket.js"></script>
|
||
<script src="./js/index.js"></script>
|
||
|
||
</html> |