💻 代码预览 · 小草咖啡轻食

1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>点单 - 小草咖啡轻食</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>点单</h1><span class="right">🛒</span></div>
6<div class="menu-layout">
7  <div class="menu-side" id="menu-side"></div>
8  <div class="menu-main" id="menu-main"></div>
9</div>
10<div class="cart-float" onclick="location.href='cart.html'">
11  <span class="cf-cart">🛒<span class="cf-num" id="cf-num">0</span></span>
12  <span class="cf-total">合计 <b id="cf-total">¥0</b></span>
13  <button class="cf-btn" onclick="event.stopPropagation();openSpec()">选规格</button>
14</div>
15<div class="spec-mask" id="spec-mask" onclick="closeSpec()"></div>
16<div class="spec-panel" id="spec-panel">
17  <div class="sp-name" id="sp-name"></div>
18  <div class="sp-price" id="sp-price"></div>
19  <div class="sp-group"><div class="sp-label">杯型</div><div class="spec-chips" id="sp-size"></div></div>
20  <div class="sp-group"><div class="sp-label">糖度</div><div class="spec-chips" id="sp-sugar"></div></div>
21  <div class="sp-group"><div class="sp-label">冰度</div><div class="spec-chips" id="sp-ice"></div></div>
22  <div class="sp-group"><div class="sp-label">加料（+2元/份）</div><div class="spec-chips" id="sp-top"></div></div>
23  <div class="sp-bottom">
24    <div class="sp-qty"><button onclick="changeSpecQty(-1)">−</button><span id="sp-qty-num">1</span><button onclick="changeSpecQty(1)">+</button></div>
25    <button class="sp-add" onclick="confirmSpec()">加入购物车</button>
26  </div>
27</div>
28<div style="height:80px"></div>
29<script src="data.js"></script>
30<script src="app.js"></script>
31<script>renderMenu();</script>
32</body></html>