r59/home.html · 约 3493 字符
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="banner"><div class="b1">🎵 今日为你精选</div>
17<div class="b2">根据听歌习惯 · 2.6w 首正版曲库 · 每日新歌上架</div></div>
18<div class="chips">
19 <div class="chip on">🔥 推荐</div><div class="chip">📊 排行榜</div><div class="chip">🆕 新歌</div>
20 <div class="chip">🎧 场景</div><div class="chip">🎤 歌手</div>
21</div>
22<div class="card">
23 <div class="sec-title"><span>⭐</span> 编辑推荐歌单</div>
24 <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">128 首</div><div class="meta">林晚星 打造</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">86 首</div><div class="meta">周末循环</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">203 首</div><div class="meta">工作流</div></div></a>
25</div>
26<div class="card">
27 <div class="sec-title"><span>📊</span> 飙升榜 Top 5</div>
28 <a class="song" href="player.html" style="text-decoration:none;color:inherit"><div class="thumb">🎵</div><div class="info"><div class="nm">1. 夜色温柔</div><div class="sub">林晚星 · 03:42</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">2. 星河彼岸</div><div class="sub">陈屿 · 04:15</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">3. 海风来信</div><div class="sub">苏晴 · 03:58</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">4. 燃冬</div><div class="sub">烈响乐队 · 03:21</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">5. 花期之外</div><div class="sub">白鹿 · 04:33</div></div><span class="tag">▶</span></a>
29</div>
30<div class="card row"><div class="muted">❤️ 你已收藏 36 首，关注 12 位歌手</div><a class="btn sm" href="fav.html">我的收藏</a></div>
31</main>
32 <nav class="nav"><a class=" on" 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>
33</div>
34<script></script>
35</body>
36</html>