add time in html

This commit is contained in:
ppwwyyxx
2014-12-22 22:49:33 +08:00
parent 7e23b45294
commit 562abef35e
9 changed files with 89 additions and 41 deletions
+2 -2
View File
@@ -1,8 +1,8 @@
<div class="chatItem {sender_label}">
<div class="chatItemContent">
<img class="avatar" src="">
<img class="avatar">
<div class="cloud cloudImg">
<div class="cloudPannel">
<div class="cloudPannel" title="{time}">
<div class="cloudBody">
<div class="cloudContent">
<span class="img_wrap">
+2 -2
View File
@@ -1,8 +1,8 @@
<div class="chatItem {sender_label}">
<div class="chatItemContent">
<img class="avatar" src="">
<img class="avatar">
<div class="cloud cloudImg">
<div class="cloudPannel">
<div class="cloudPannel" title="{time}">
<div class="cloudBody">
<div class="cloudContent">
<span class="img_wrap">
+2 -2
View File
@@ -1,8 +1,8 @@
<div class="chatItem {sender_label}">
<div class="chatItemContent">
<img class="avatar" src="">
<img class="avatar">
<div class="cloud cloudText">
<div class="cloudPannel">
<div class="cloudPannel" title="{time}">
<div class="cloudBody">
<div class="cloudContent">
<pre style="white-space:pre-wrap">{content}</pre>
+2 -2
View File
@@ -1,8 +1,8 @@
<div class="chatItem {sender_label}">
<div class="chatItemContent">
<img class="avatar" src="">
<img class="avatar">
<div class="cloud cloudVoice" onclick="playVoice(event)" style="width:80px">
<div class="cloudPannel" style="">
<div class="cloudPannel" title="{time}">
<div class="sendStatus">
<span class="second">{voice_duration}"</span>
</div>
+5
View File
@@ -0,0 +1,5 @@
<div class="time">
<span class="timeBg left"> </span>
{time}
<span class="timeBg right"> </span>
</div>
+6 -8
View File
@@ -2,16 +2,15 @@
<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">
<title>Chat with {talker}</title>
<style type="text/css">
.me .avatar {{
background-size: 100%;
background-image: url("data:image/jpeg;base64,{avatar_me}");
background-image: url("data:image/jpeg;base64,{avatars[0]}");
}}
.you .avatar {{
background-size: 100%;
background-image: url("data:image/jpeg;base64,{avatar_you}");
background-image: url("data:image/jpeg;base64,{avatars[1]}");
}}
</style>
{extra_css}
@@ -33,8 +32,7 @@
</div>
</div>
</div>
<script type='text/javascript'>
<script type='text/javascript'>
var playVoice = function(event) {{
var target = event.target;
while (!target.classList.contains('cloud'))
@@ -45,10 +43,10 @@ var playVoice = function(event) {{
$(document).ready(function() {{
$(".fancybox").fancybox({{
// fancybox will otherwise scroll page to top
// fancybox will otherwise scroll page to top
helpers: {{ overlay : {{ locked : false}}}}
}});
}});
</script>
</script>
</body>
</html>