r45/msg.html · 约 1674 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>消息互动</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">旅者 · 小鹿</div>
13 <div class="top-r">消息互动</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="sec-title"><span class="em">🔔</span> 最新消息</div>
18 <div class="comment"><div class="avatar">游</div><div class="info"><div class="nm">游客 7382 评论了你的游记</div><div class="tx">"路线太实用了，下周就按这个走！"</div></div></div>
19 <div class="comment"><div class="avatar">旅</div><div class="info"><div class="nm">旅行的意义 赞了你的游记</div><div class="tx">川西小环线 7 日 · ❤</div></div></div>
20 <div class="comment"><div class="avatar">小</div><div class="info"><div class="nm">小满 收藏了你的游记</div><div class="tx">大理洱海自驾</div></div></div>
21</div>
22<div class="card row"><div class="muted">💬 共 23 条互动，3 条未读</div><button class="btn line sm">全部已读</button></div>
23</main>
24 <nav class="nav"><a class="" href="index.html"><span class="ic">🧭</span>发现</a><a class="" href="search.html"><span class="ic">🔍</span>搜目的地</a><a class="" href="publish.html"><span class="ic">➕</span>发游记</a><a class=" on" href="fav.html"><span class="ic">❤️</span>收藏</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
25</div>
26<script></script>
27</body>
28</html>