💻 代码预览 · 小草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 id="timer-card"></div>
4<div style="display:flex;background:#1e1838;margin:12px;border-radius:12px;padding:10px 0;border:1px solid #3a3170">
5  ${['全部','待开房','欢唱中','已结账'].map((s,i)=>'<span class="tag" style="flex:1;text-align:center;padding:8px 0;margin:0;background:'+(i===0?'linear-gradient(135deg,#7c3aed,#22d3ee)':'#2a2350')+';color:'+(i===0?'#fff':'#a89fd4')+'">'+s+'</span>').join('')}
6</div>
7<div id="order-list"></div>
8<div class="card" style="font-size:12px;color:#a89fd4;line-height:2">
9  🎤 扫码可查每首歌的评分与K歌记录<br>💡 会员积分可兑换欢唱时长 · 生日月送免费包厢券
10</div>
11<div style="height:80px"></div>
12<div class="tabbar">
13  <a href="index.html"><span class="icon">🏠</span>首页</a>
14  <a href="rooms.html"><span class="icon">🎉</span>包厢</a>
15  <a href="songs.html"><span class="icon">🎵</span>点歌</a>
16  <a class="active" href="order.html"><span class="icon">📋</span>订单</a>
17  <a href="mine.html"><span class="icon">👤</span>我的</a>
18</div>
19<script src="data.js"></script><script src="app.js"></script>
20<script>renderOrders();</script>
21</body></html>