小草婚恋交友_H5/talks.html · 约 1501 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>消息 · 小草婚恋交友</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>消息</h1><span class="right">✏️</span></div>
3<div id="msg-list"></div>
4<div class="card" style="font-size:12px;color:#8a5a72;line-height:2">
5 🔒 聊天由平台全程守护，支持一键举报<br>💡 线下见面请选择公共场所，注意安全
6</div>
7<div style="height:80px"></div>
8<div class="tabbar">
9 <a href="index.html"><span class="icon">💘</span>匹配</a>
10 <a href="circle.html"><span class="icon">🌍</span>圈子</a>
11 <a href="members.html"><span class="icon">👑</span>会员</a>
12 <a class="active" href="talks.html"><span class="icon">💬</span>消息</a>
13 <a href="mine.html"><span class="icon">👤</span>我的</a>
14</div>
15<script src="data.js"></script><script src="app.js"></script>
16<script>
17$('#msg-list').innerHTML=MSGS.map(m=>`
18 <div class="msg-item">
19 <div class="mi-avatar">${m.emoji}${m.unread?'<span class="mi-dot"></span>':''}</div>
20 <div class="mi-body"><div class="mi-name">${m.name}</div><div class="mi-last">${m.last}</div></div>
21 <div class="mi-time">${m.time}${m.unread?'<br><span class="mi-badge">'+m.unread+'</span>':''}</div>
22 </div>`).join('');
23</script>
24</body></html>