r59/player.html · 约 2175 字符
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:200px;font-size:72px">🎵</div>
17<div class="card row"><div class="info" style="flex:1"><div class="nm" style="font-size:18px;font-weight:800">夜色温柔</div>
18<div class="sub" style="margin-top:4px">林晚星 · 流行</div></div><span class="tag">❤ 已收藏</span></div>
19<div class="card"><div class="lyric">
20 <div>灯火次第亮起 在窗外的街</div>
21 <div class="cur">夜色温柔得像 一句没说出口的告白</div>
22 <div>风绕过发梢 带走白日的喧哗</div>
23 <div>我把心事 调成最轻的音量</div>
24 <div>如果晚安太短 就用这首歌延长</div>
25</div></div>
26<div class="card">
27 <div class="progress" style="margin-bottom:6px"><i style="width:42%"></i></div>
28 <div class="row muted"><span>01:33</span><span>03:42</span></div>
29 <div class="row" style="margin-top:12px;justify-content:center;gap:18px">
30 <span style="font-size:22px">🔁</span>
31 <span style="font-size:30px">⏮️</span>
32 <span style="font-size:34px;color:var(--pri)">⏸️</span>
33 <span style="font-size:30px">⏭️</span>
34 <span style="font-size:22px">🔀</span>
35 </div>
36 <div class="row" style="margin-top:12px"><a class="btn line sm" href="comment.html">💬 评论 1.2k</a><button class="btn sm">＋ 收藏</button></div>
37</div>
38</main>
39 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class=" on" 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>
40</div>
41<script></script>
42</body>
43</html>