51 lines
1.7 KiB
HTML
51 lines
1.7 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>WeChat</title>
|
|
<link rel="stylesheet" type="text/css" href="http://localhost:8000/wx.css">
|
|
<style type="text/css">{style}</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="container">
|
|
<div id="chat" class="chatPanel normalPanel">
|
|
<div class="chatContainer" style="height: 600px;">
|
|
<div class="chatMainPanel" id="chatMainPanel">
|
|
<div class="chatTitle">
|
|
<div class="chatNameWrap">
|
|
<p class="chatName" id="messagePanelTitle">{talker}</p>
|
|
</div>
|
|
</div>
|
|
<div class="chatScorll" style="height: 550px; overflow-y: scroll; position: relative; font-family:initial;">
|
|
<div id="chat_chatmsglist" class="chatContent" style="position: absolute;">
|
|
{messages}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type='text/javascript'>
|
|
var chats = document.getElementsByClassName('me');
|
|
for (var k = 0; k < chats.length; k ++) {{
|
|
var avt = chats[k].getElementsByClassName('avatar')[0];
|
|
avt.src = "data:image/jpg;base64,{avatar_me}";
|
|
}}
|
|
var chats = document.getElementsByClassName('you');
|
|
for (var k = 0; k < chats.length; k ++) {{
|
|
var avt = chats[k].getElementsByClassName('avatar')[0];
|
|
avt.src = "data:image/jpg;base64,{avatar_you}";
|
|
}}
|
|
|
|
var playVoice = function(event) {{
|
|
var target = event.target;
|
|
while (!target.classList.contains('cloud'))
|
|
target = target.parentElement;
|
|
var audio = target.getElementsByTagName('audio')[0];
|
|
audio.play();
|
|
}};
|
|
</script>
|
|
</body>
|
|
</html>
|