add time in html
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="time">
|
||||
<span class="timeBg left"> </span>
|
||||
{time}
|
||||
<span class="timeBg right"> </span>
|
||||
</div>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user