小草K歌_H5/drinks.html · 约 2095 字符
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 style="display:flex;background:#1e1838;margin:12px;border-radius:12px;padding:6px;border:1px solid #3a3170">
4 <span class="tag" style="flex:1;text-align:center;padding:10px 0;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff">全部</span>
5 <span class="tag" style="flex:1;text-align:center;padding:10px 0">酒水</span>
6 <span class="tag" style="flex:1;text-align:center;padding:10px 0">小食</span>
7 <span class="tag" style="flex:1;text-align:center;padding:10px 0">套餐</span>
8</div>
9<div id="drink-list"></div>
10<div class="card" style="font-size:12px;color:#a89fd4;line-height:2">
11 🛎️ 手机点单 · 送酒到房（约10分钟送达）<br>🍻 欢唱套餐更划算：豪华房+酒水套餐省 ¥68<br>🎁 会员积分可兑换酒水
12</div>
13<div style="height:80px"></div>
14<div class="tabbar">
15 <a href="index.html"><span class="icon">🏠</span>首页</a>
16 <a href="rooms.html"><span class="icon">🎉</span>包厢</a>
17 <a href="songs.html"><span class="icon">🎵</span>点歌</a>
18 <a href="order.html"><span class="icon">📋</span>订单</a>
19 <a href="mine.html"><span class="icon">👤</span>我的</a>
20</div>
21<script src="data.js"></script><script src="app.js"></script>
22<script>
23$('#drink-list').innerHTML=DRINKS.map(d=>`
24 <div class="drink-card">
25 <div class="dc-emoji">${d.emoji}</div>
26 <div class="dc-body">
27 <div class="dc-name">${d.name}</div>
28 <div class="dc-meta">${d.desc}</div>
29 <div class="dc-foot"><span class="dc-price">¥${d.price}</span><span class="rc-add" onclick="toast('已下单，约10分钟送到包厢')">下单</span></div>
30 </div>
31 </div>`).join('');
32</script>
33</body></html>