💻 代码预览 · 小草奶茶铺

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;gap:10px">
7    <span class="spec-option sel" id="mode-pick" onclick="switchMode(this)">🏪 到店自取</span>
8    <span class="spec-option" id="mode-deliver" onclick="switchMode(this)">🛵 外卖配送</span>
9  </div>
10  <div style="font-size:12px;color:#a08c6f;margin-top:10px" id="mode-tip">小草奶茶铺(总店) · 幸福路88号 · 距你350m · 约10分钟可取</div>
11</div>
12<div class="card">
13  <div class="opt-list" style="margin:0;box-shadow:none;padding:0" onclick="pickCoupon()">
14    <span class="ol-l"><span class="ico">🎟️</span>优惠券</span>
15    <span class="ol-r"><span id="coupon-name">选择优惠券</span><span class="arrow">›</span></span>
16  </div>
17  <div class="sum-row"><span>商品小计</span><span id="cart-total">¥0.00</span></div>
18  <div class="sum-row"><span>优惠券抵扣</span><span style="color:var(--green)" id="coupon-val">-0.00</span></div>
19  <div class="sum-row total"><span>应付合计</span><span id="pay-total">¥0.00</span></div>
20</div>
21<button class="btn btn-primary" style="margin:0 12px 20px;width:calc(100% - 24px)" id="cart-submit" onclick="submitOrder()">确认下单 · 微信支付</button>
22<div style="height:20px"></div>
23<script src="data.js"></script><script src="app.js"></script>
24<script>
25function switchMode(el){
26  $$('.spec-option').forEach(o=>o.classList.remove('sel'));
27  el.classList.add('sel');
28  $('#mode-tip').textContent=el.id==='mode-pick'?'小草奶茶铺(总店) · 幸福路88号 · 距你350m · 约10分钟可取':'预计 30-45 分钟送达 · 配送费按距离计算(3km内5元)';
29}
30renderCartPage();
31function updPay(){
32  const c=parseInt($('#coupon-val').textContent)||0;
33  $('#pay-total').textContent=fmt(Math.max(0,cartTotal()-c));
34}
35updPay();
36</script>
37</body></html>