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

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="mode-toggle">
7  <div class="active" id="mode-pick" onclick="setMode('pick')">🏃 到店自取</div>
8  <div id="mode-delivery" onclick="setMode('delivery')">🛵 外卖配送</div>
9</div>
10<div class="section-title">🛒 已选商品</div>
11<div id="cart-list"></div>
12<div class="section-title">🎫 优惠券</div>
13<div id="coupon-list"></div>
14<div class="section-title">💬 备注</div>
15<div class="card" style="padding:0">
16  <input id="remark-input" placeholder="口味偏好、少冰少糖等备注..." style="width:100%;border:none;outline:none;padding:14px 16px;font-size:14px;background:transparent" />
17</div>
18<div style="height:80px"></div>
19<div class="cart-bar">
20  <div class="total">合计 <b id="total-price">¥0</b><div style="font-size:11px;color:#999">已含包装费，配送费另计</div></div>
21  <button class="checkout-btn" onclick="checkout()">提交订单</button>
22</div>
23<script src="data.js"></script>
24<script src="app.js"></script>
25<script>renderCart();</script>
26</body></html>