89 lines
3.2 KiB
HTML
89 lines
3.2 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_2390285_c3betcewj3p.css">
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/pub.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="big">
|
|
<!-- 左边部分开始 -->
|
|
<div class="left">
|
|
|
|
<div class="left_header top">
|
|
<div class="user leftlog">
|
|
<img width="40" height="40" style="border-radius: 100%;margin-right: 10px" src="" alt="">
|
|
<p>YYB</p>
|
|
</div>
|
|
<p class="rightlog">10086</p>
|
|
</div>
|
|
|
|
<div class="left_content">
|
|
<div class="chat_message">
|
|
|
|
</div>
|
|
<!-- <div class="conp">-->
|
|
<!-- <p>欢迎用户YYB加入群聊</p>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="conp">-->
|
|
<!-- <p>欢迎用户YYB加入群聊</p>-->
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
<div class="floot bottom">
|
|
<div class="leftlog floot_con">
|
|
<div>字体大小:</div>
|
|
<select class="fontSize" name="" id="">
|
|
<option value="22px">22px</option>
|
|
<option value="23px">23px</option>
|
|
<option value="24px">24px</option>
|
|
<option value="25px">25px</option>
|
|
<option value="26px">26px</option>
|
|
<option value="57px">57px</option>
|
|
</select>
|
|
<div>字体颜色：<input class="fontColor" type="color"></div>
|
|
<div>气泡颜色：<input class="bgColor" type="color"></div>
|
|
</div>
|
|
<div class=" user_log">
|
|
<i class="iconfont icon-xiaolian1">
|
|
<ul class="bq">
|
|
|
|
</ul>
|
|
</i>
|
|
<i class="iconfont icon-GIF"></i>
|
|
<i class="iconfont icon-A"></i>
|
|
<i class="iconfont icon-doudong-shake"></i>
|
|
</div>
|
|
<div class="shuru" tabindex="0" contenteditable></div>
|
|
</div>
|
|
</div>
|
|
<!-- 左边部分结束 -->
|
|
|
|
<!-- 右边部分开始 -->
|
|
<div class="right ">
|
|
<div class="right_header leftlog top">
|
|
成员 :<p>2</p>
|
|
</div>
|
|
|
|
<div class="right_content leftlog">
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 右边部分结束 -->
|
|
</div>
|
|
</body>
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/zui/1.9.2/js/zui.min.js"></script>
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
|
|
<script src="./js/config/index.js"></script>
|
|
<script src="./js/utils/socket.js"></script>
|
|
<script src="./js/index.js"></script>
|
|
</html> |