r59/playlist.html · 约 3194 字符
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" style="height:160px;font-size:60px">💜</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">深夜 emo 时刻</div></div>
19 <div class="muted" style="margin-top:4px">by 林晚星 · 128 首 · 播放 36w</div>
20 <div class="row" style="margin-top:10px"><button class="btn flex" style="flex:1">▶ 播放全部</button>
21 <button class="btn line flex" style="flex:1;margin-left:8px">＋ 收藏</button></div>
22 <button class="btn ghost full" style="margin-top:8px">＋ 创建我的歌单</button>
23</div>
24<div class="card">
25 <div class="sec-title"><span>📃</span> 歌曲列表（128）</div>
26 <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="muted">03:42</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="muted">04:15</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="muted">03:58</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="muted">03:21</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="muted">04:33</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</div></div><span class="muted">03:09</span></a>
27</div>
28<div class="card">
29 <div class="sec-title"><span>📝</span> 歌单简介</div>
30 <div class="muted" style="line-height:1.7">夜深了，戴上耳机，把白天的疲惫交给这些歌。从民谣到电子，每一首都像夜晚的一次深呼吸。</div>
31</div>
32</main>
33 <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=" on" href="playlist.html"><span class="ic">📃</span>歌单</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
34</div>
35<script></script>
36</body>
37</html>