r60/comment.html · 约 1930 字符
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 row"><div class="muted">💬 共 326 条评论</div><div class="chip on" style="margin:0">🔥 最热</div></div>
17<div class="comment"><div class="avatar">晚</div><div class="info"><div class="nm">晚风</div><div class="tx">"副歌一响，DNA 动了！"</div></div><span class="muted">❤ 1.2k</span></div><div class="comment"><div class="avatar">星</div><div class="info"><div class="nm">星河</div><div class="tx">"单曲循环中，谁懂啊"</div></div><span class="muted">❤ 880</span></div><div class="comment"><div class="avatar">鹿</div><div class="info"><div class="nm">鹿野</div><div class="tx">"开车必听，巨上头"</div></div><span class="muted">❤ 642</span></div><div class="comment"><div class="avatar">屿</div><div class="info"><div class="nm">屿见</div><div class="tx">"Loop 了一整晚"</div></div><span class="muted">❤ 410</span></div>
18<div class="card" style="margin-top:4px">
19 <div class="sec-title"><span>✍️</span> 发表评论</div>
20 <textarea class="ta">这首歌真的太治愈了……</textarea>
21 <button class="btn full" style="margin-top:10px">发布评论</button>
22</div>
23</main>
24 <nav class="nav"><a class=" on" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="search.html"><span class="ic">🔍</span>搜索</a><a class="" 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>