89 lines
3.0 KiB
HTML
89 lines
3.0 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</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_273pse87hq8.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="group_name">码海无涯</div>
|
|
<div class="right">
|
|
<span>上三哈</span>
|
|
<img src="../img/1.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="content_left">
|
|
<ul class="chat_record"></ul>
|
|
</div>
|
|
<div class="content_right">
|
|
<div class="list_title">在线用户3/3</div>
|
|
<div class="online_user_list">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="footer_action">
|
|
<i class="iconfont icon_action icon-weixiao"></i>
|
|
<i class="iconfont icon_action icon-gif"></i>
|
|
<i class="iconfont icon_action icon-zitiyanse"></i>
|
|
<i class="iconfont icon_action icon-xinbaniconshangchuan_huaban"></i>
|
|
<i class="iconfont icon-zhendong"></i>
|
|
<div class="menu" style="display: none">
|
|
<div class="menu_title">表情</div>
|
|
<div class="menu_content">
|
|
<div class="menu_item expr active"></div>
|
|
<div class="menu_item gif"></div>
|
|
<div class="menu_item font">
|
|
<div class="menu_font_setting">
|
|
<span class="menu_tip">字体大小：</span>
|
|
<select class="menu_select">
|
|
<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>
|
|
</div>
|
|
<div class="color_setting">
|
|
<span class="menu_tip">字体颜色：</span>
|
|
<input class="menu_color" type="color">
|
|
</div>
|
|
</div>
|
|
<div class="menu_item bubble">
|
|
<span class="menu_tip">气泡颜色：</span>
|
|
<input class="menu_qipao_color" type="color">
|
|
</div>
|
|
</div>
|
|
<ul class="menu_footer">
|
|
<li class="menu_text">表情</li>
|
|
<li class="menu_text">GIF</li>
|
|
<li class="menu_text">字体</li>
|
|
<li class="menu_text">气泡</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="record_text" contenteditable="true"></div>
|
|
</div>
|
|
|
|
</body>
|
|
<script src="../js/config/config.js"></script>
|
|
<script src="../js/lib/jquery.min.js"></script>
|
|
<script src="../js/service/indexService.js"></script>
|
|
<script src="../js/utils/utils.js"></script>
|
|
<script src="../js/lib/WebSocket.js"></script>
|
|
<script src="../js/page/index.js"></script>
|
|
</html> |