80 lines
2.4 KiB
HTML
80 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>WeChat</title>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body>
|
|
<div id="mainwindow">
|
|
<div id="leftbar">
|
|
<div id="barup">
|
|
<div id="baritem"><img src="img/mine.jpg"></div>
|
|
<div id="baritem"><img src="img/msg.png"></div>
|
|
<div id="baritem"><img src="img/person.png"></div>
|
|
<div id="baritem"><img src="img/minehave.png"></div>
|
|
<div id="baritem"><img src="img/file.png"></div>
|
|
<div id="baritem"><img src="img/friends.png"></div>
|
|
<div id="baritem"><img src="img/video.png"></div>
|
|
</div>
|
|
<div id="bardown">
|
|
<div id="baritem"><img src="img/href.png"></div>
|
|
<div id="baritem"><img src="img/phone.png"></div>
|
|
<div id="baritem"><img src="img/menu.png"></div>
|
|
</div>
|
|
</div>
|
|
<div id="midwindow">
|
|
<div id="search">
|
|
<div id="search-container">
|
|
<span id="searchinput"><input type="text" placeholder="搜索..."></span>
|
|
<span id="add-button">+</span>
|
|
</div>
|
|
</div>
|
|
<div id="personlist"></div>
|
|
</div>
|
|
<div id="rightwindow">
|
|
<div id="rightnav">
|
|
<div id="lnav">
|
|
<span id="chattitle">欢迎使用WWX</span>
|
|
</div>
|
|
<div id="rnav">
|
|
<div id="rnavtop">
|
|
<span id="navbo"><img src="img/block.png"></span>
|
|
<span id="navbo"><img src="img/hidden.png"></span>
|
|
<span id="navbo"><img src="img/big.png"></span>
|
|
<span id="navbo"><img src="img/close.png"></span>
|
|
</div>
|
|
<div id="rnavbottom">
|
|
<img src="img/more.png" style="max-width: 100%;max-height: 100%;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chatwindow">
|
|
<div id="chatinfo"></div>
|
|
</div>
|
|
<div id="chatinput">
|
|
<div id="chatnav">
|
|
<div id="inputleft">
|
|
<span id="chattool"><img src="img/face.png"></span>
|
|
<span id="chattool"><img src="img/tools.png"></span>
|
|
<span id="chattool"><img src="img/change.png"></span>
|
|
<span id="chattool"><img src="img/ms.png"></span>
|
|
</div>
|
|
<div id="inputright">
|
|
<span id="chattool"><img src="img/tel.png"></span>
|
|
<span id="chattool"><img src="img/videotel.png"></span>
|
|
</div>
|
|
</div>
|
|
<textarea id="sendtext"></textarea>
|
|
<div id="send">
|
|
<span id="sendbt" onclick="sendmsg()">
|
|
<text>发送(S)</text>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</html>
|