💻 代码预览 · 小草火锅

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>点餐 · 小草火锅</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="card" style="padding:12px;font-size:12px;color:#8a5a46">🍲 小草火锅(总店) · 桌号 A12 · 多人可各自扫码点单，自动合并</div>
4<div class="menu-wrap">
5  <div class="menu-side" id="menu-side"></div>
6  <div class="menu-main">
7    <div class="section-title" style="margin:4px 4px 8px">锅底 <span>先选锅底</span></div>
8    <div id="pot-list"></div>
9    <div class="section-title" style="margin:4px 4px 8px">涮品</div>
10    <div id="dish-list"></div>
11  </div>
12</div>
13<div class="cart-bar" id="cart-bar" style="display:none" onclick="location.href='cart.html'">
14  <span class="cb-icon">🛒<span class="cb-count" id="cb-count" style="display:none">0</span></span>
15  <span class="cb-total">合计 <b id="cb-total">¥0</b></span>
16  <span class="cb-btn">去下单</span>
17</div>
18<script src="data.js"></script><script src="app.js"></script>
19<script>
20$('#menu-side').innerHTML=MENU_CATS.map(c=>'<a class="'+(c.id===curCat?'active':'')+'" data-cat="'+c.id+'">'+c.name+'</a>').join('');
21$$('#menu-side a').forEach(a=>a.onclick=()=>{curCat=a.dataset.cat;$('#menu-side a').forEach(x=>x.classList.remove('active'));a.classList.add('active');renderMenu()});
22renderMenu();
23</script>
24</body></html>