83 lines
2.9 KiB
HTML
83 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title> </title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2772003_9tv2vgrv1nv.css">
|
|
<link rel="stylesheet" href="../js/lib/zui/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="index">
|
|
<div class="header">
|
|
<div class="left">
|
|
<img src="../img/1.jpg" alt="">
|
|
<span>bmy</span>
|
|
</div>
|
|
|
|
<span class="ground_name">前端课程8</span>
|
|
|
|
<span class="ground_online"></span>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<ul class="history">
|
|
|
|
</ul>
|
|
<div class="online">
|
|
<div class="online_title">群成员 50 人</div>
|
|
<ul>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="footer_menu">
|
|
<i class="iconfont icon-smiling"></i>
|
|
<i class="iconfont icon-gallery"></i>
|
|
<i class="iconfont icon-zitiyanse"></i>
|
|
<i class="iconfont icon-xinbaniconshangchuan_huaban"></i>
|
|
<i class="iconfont icon-shake"></i>
|
|
|
|
<div class="dropdown_menu xxss" style="display: none">
|
|
<div class="dropdown_title xxss">表情</div>
|
|
<div class="dropdown_body xxss">
|
|
<div class="body_item smiling active xxss">
|
|
</div>
|
|
<div class="body_item gallery xxss"> </div>
|
|
<div class="body_item font xxss">
|
|
<select class="fontSize xxss">
|
|
<option value="null">-请选择-</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>
|
|
</select>
|
|
<input class="fontColor xxss" type="color">
|
|
</div>
|
|
<div class="body_item qipao xxss">
|
|
<input class="backColor xxss" type="color">
|
|
</div>
|
|
</div>
|
|
<ul class="dropdown_footer xxss">
|
|
<li class="xxss">表情</li>
|
|
<li class="xxss">动图</li>
|
|
<li class="xxss">字体设置</li>
|
|
<li class="xxss">气泡</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="textarea" contenteditable></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>window.$ = window.jQuery = require('../js/lib/jquery.js');</script>
|
|
<script src="../js/lib/zui/zui.min.js"></script>
|
|
<script src="../js/lib/socket.io.js"></script>
|
|
<script src="../js/page/index.js"></script>
|
|
</html> |