r60/playlist.html · 约 2847 字符
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="cover">💜</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">深夜 emo 时刻</div>
19 <span class="tag">❤ 已收藏</span></div>
20 <div class="row" style="margin-top:8px"><div class="avatar">野</div><div class="info" style="flex:1"><div class="nm" style="font-size:13px">鹿小野</div><div class="muted">23 首 · 播放 86.4w · 1.2w 收藏</div></div>
21 <button class="btn sm">＋ 关注</button></div>
22</div>
23<div class="row" style="margin:4px 2px 10px"><button class="btn full">▶ 播放全部</button></div>
24<div class="card">
25 <div class="sec-title"><span>🎼</span> 歌曲列表（23）</div>
26 <a class="guide" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">🌧️</div><div class="info"><div class="nm">雨夜独白</div><div class="sub">顾时</div></div><div class="muted">04:12</div></a><a class="guide" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">🌙</div><div class="info"><div class="nm">月亮邮差</div><div class="sub">林晚星</div></div><div class="muted">03:48</div></a><a class="guide" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">💭</div><div class="info"><div class="nm">失眠星球</div><div class="sub">陈屿</div></div><div class="muted">03:21</div></a><a class="guide" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">🫧</div><div class="info"><div class="nm">气泡心事</div><div class="sub">苏野</div></div><div class="muted">04:05</div></a><a class="guide" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">🕯️</div><div class="info"><div class="nm">深夜食堂</div><div class="sub">白鹿</div></div><div class="muted">03:56</div></a><a class="guide" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">🌌</div><div class="info"><div class="nm">银河慢板</div><div class="sub">周屿</div></div><div class="muted">04:30</div></a>
27</div>
28</main>
29 <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>
30</div>
31<script></script>
32</body>
33</html>