r59/fav.html · 约 3885 字符
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="seg" style="margin-bottom:12px"><div class="sg on"><button>❤ 收藏 36</button></div><div class="sg"><button>📃 歌单 9</button></div></div>
17<div class="card">
18 <a class="song" 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><span class="tag">❤</span></a><a class="song" 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><span class="tag">❤</span></a><a class="song" 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><span class="tag">❤</span></a><a class="song" 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><span class="tag">❤</span></a><a class="song" 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><span class="tag">❤</span></a><a class="song" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">💫</div><div class="info"><div class="nm"> midnight drive</div><div class="sub">Aria Vox · R&B</div></div><span class="tag">❤</span></a><a class="song" 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><span class="tag">❤</span></a><a class="song" 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><span class="tag">❤</span></a>
19</div>
20<div class="card">
21 <div class="sec-title"><span>📃</span> 收藏的歌单</div>
22 <a class="song" href="playlist.html" style="text-decoration:none;color:inherit"><div class="thumb">💜</div><div class="info"><div class="nm">深夜 emo 时刻</div><div class="sub">林晚星 打造</div></div></a><a class="song" href="playlist.html" style="text-decoration:none;color:inherit"><div class="thumb">🌈</div><div class="info"><div class="nm">元气满满 morning</div><div class="sub">周末循环</div></div></a><a class="song" href="playlist.html" style="text-decoration:none;color:inherit"><div class="thumb">🎧</div><div class="info"><div class="nm">专注编码 BGM</div><div class="sub">工作流</div></div></a><a class="song" href="playlist.html" style="text-decoration:none;color:inherit"><div class="thumb">💃</div><div class="info"><div class="nm">复古 disco 派对</div><div class="sub">派对必备</div></div></a>
23</div>
24</main>
25 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="player.html"><span class="ic">🎵</span>播放</a><a class="" href="search.html"><span class="ic">🔍</span>搜索</a><a class="" href="playlist.html"><span class="ic">📃</span>歌单</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
26</div>
27<script></script>
28</body>
29</html>