lixin-web
Version:
vue and bootstrap
125 lines (124 loc) • 3.78 kB
HTML
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="csshake.css">
<link rel="stylesheet" type="text/css" href="webqq.css">
</head>
<body>
<div class="webqq-main-window">
<div class="top-action-bar">
<a class="btn btn-min" title="最小化"></a>
<a class="btn btn-close" title="关闭"></a>
</div>
<div class="my-profile">
<div class="head-portrait">
<img src="res/head/13.gif">
</div>
<div class="infos">
<div class="name">潇洒哥~</div>
<div class="sign">编辑个性签名</div>
</div>
</div>
<div class="search-all">
<input type="text" placeholder="搜索：联系人" />
</div>
<div class="chats">
<div class="tabs">
<a data-href="last" class="last">
<span class="arrow"></span>
</a>
<a data-href="contacts" class="contacts">
<span class="arrow"></span>
</a>
<a data-href="group" class="group">
<span class="arrow"></span>
</a>
</div>
<div class="panels">
<div class="item-panel last">
<div class="scroller" data-height="460">
<div class="tips">暂时没有会话</div>
</div>
</div>
<div class="item-panel contacts">
<div class="scroller" data-height="460">
<div class="tips">您没有任何好友</div>
</div>
</div>
<div class="item-panel group">
<div class="scroller" data-height="460">
<div class="tips">您没有加入任何群组</div>
</div>
</div>
</div>
</div>
</div>
<div class="webqq-chat-window draggable">
<div class="dragarea"></div>
<div class="top-action-bar">
<a class="btn btn-min" title="最小化"></a>
<a class="btn btn-close" title="关闭"></a>
</div>
<div class="my-profile">
<div class="head-portrait">
<img src="res/head/13.gif">
</div>
<div class="infos">
<div class="name"></div>
<div class="sign"></div>
</div>
</div>
<div class="chats">
<div class="tips">
<div class="msg info">对方“离线或隐身”，可能无法立即回复。</div>
<a class="close"></a>
</div>
<div class="msg-list">
<div class="scroller" data-height="280">
</div>
</div>
<div class="facelist">
<div class="wrapper">
<div class="scroller" data-height="192" data-always-visible="1"></div>
</div>
</div>
<div class="toolbar">
<a class="tools face" title="表情"></a>
<a class="tools shakes" title="抖动"></a>
<a class="tools picture" title="发送图片"></a>
<a class="tools screenshot" title="截图"></a>
<a class="tools clean" title="清除聊天记录"></a>
<a class="tools history">聊天记录</a>
</div>
<div class="send-msg">
<div class="textarea">
<div class="scroller" data-height="72">
<div class="content" contenteditable="true" _moz_resizing="false"></div>
</div>
</div>
<div class="actions">
<a class="btn close">关闭(C)</a>
<a class="btn send">发送(S)</a>
</div>
</div>
</div>
<div class="sidebar"></div>
</div>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript" src="jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="moment.min.js"></script>
<script type="text/javascript" src="jquery-rotate.js"></script>
<script type="text/javascript" src="../assets/global/js/app.js"></script>
<script type="text/javascript" src="webqq.js"></script>
<script type="text/javascript">
$(document).ready(function() {
WebQQ.init();
$('.webqq-main-window').find('.name');
$('.webqq-main-window').find('.sign');
});
</script>
</body>
</html>