💻 代码预览 · 小草火锅

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 id="cart-items"></div>
4<div class="card">
5  <div class="section-title" style="margin:0 0 8px">用餐信息</div>
6  <div style="display:flex;justify-content:space-between;font-size:13px;color:#8a5a46;padding:6px 0"><span>🏪 门店</span><b style="color:#4a2c22">小草火锅(总店) · A12 桌</b></div>
7  <div style="display:flex;justify-content:space-between;font-size:13px;color:#8a5a46;padding:6px 0"><span>👥 人数</span><b style="color:#4a2c22">4 人 · 可AA结算</b></div>
8  <div style="display:flex;justify-content:space-between;font-size:13px;color:#8a5a46;padding:6px 0"><span>📝 备注</span><b style="color:#c08a78;font-weight:400">毛肚/鸭肠不要下太早…</b></div>
9</div>
10<div class="card">
11  <div class="sum-row"><span>菜品小计</span><span id="cart-total">¥0</span></div>
12  <div class="sum-row"><span>优惠券（满200减30）</span><span style="color:var(--green)">-¥30</span></div>
13  <div class="sum-row total"><span>应付合计</span><span id="pay-total">¥0</span></div>
14</div>
15<button class="btn btn-primary" style="margin:0 12px 24px;width:calc(100% - 24px)" id="cart-submit" onclick="submitOrder()">确认下单 · 到店开涮</button>
16<div style="height:20px"></div>
17<script src="data.js"></script><script src="app.js"></script>
18<script>
19renderCartPage();
20$('#pay-total').textContent=fmt(Math.max(0,cartTotal()-30));
21</script>
22</body></html>