💻 代码预览 · 小草K歌

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>点歌 · 小草K歌</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>在线点歌</h1><span class="right">🔍</span></div>
3<div class="search-bar"><span>🔍</span><span>搜索歌名 / 歌手…</span></div>
4<div class="cat-tabs" id="cat-tabs">
5  ${CATS.map(c=>'<span class="cat-tab'+(c==='全部'?' sel':'')+'">'+c+'</span>').join('')}
6</div>
7<div class="section-title">点歌排行 <span>扫码同步到包厢大屏</span></div>
8<div id="song-list"></div>
9<div class="section-title">我的歌单</div>
10<div id="queue-list"></div>
11<div class="playing-bar" id="playing-bar" style="display:none">
12  <span style="font-size:20px">🎶</span>
13  <span class="pb-song" id="pb-song"></span>
14  <span class="pb-count" id="pb-count"></span>
15  <span class="pb-clear" onclick="store.queue=[];renderSongs();refreshPlaying();toast('歌单已清空')">清空</span>
16</div>
17<div style="height:90px"></div>
18<div class="tabbar">
19  <a href="index.html"><span class="icon">🏠</span>首页</a>
20  <a href="rooms.html"><span class="icon">🎉</span>包厢</a>
21  <a class="active" href="songs.html"><span class="icon">🎵</span>点歌</a>
22  <a href="order.html"><span class="icon">📋</span>订单</a>
23  <a href="mine.html"><span class="icon">👤</span>我的</a>
24</div>
25<script src="data.js"></script><script src="app.js"></script>
26<script>
27renderSongs();refreshPlaying();
28</script>
29</body></html>