r46/msg.html · 约 1671 字符
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">游客 0921 评论了你的游记</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">桂林漓江竹筏 · ❤</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">💬 共 31 条互动，4 条未读</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>