💻 代码预览 · 小草生鲜到家

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="opt-list" style="margin:0;box-shadow:none;padding:0">
6    <span class="ol-l"><span class="ico">📍</span>配送至</span>
7    <span class="ol-r" id="cart-addr">阳光花园3栋2单元502 ›</span>
8  </div>
9  <div class="opt-list" style="margin:10px 0 0;box-shadow:none;padding:0">
10    <span class="ol-l"><span class="ico">🕐</span>配送时段</span>
11  </div>
12  <div class="time-slots" id="time-slots"></div>
13</div>
14<div class="card">
15  <div class="sum-row"><span>商品小计</span><span id="cart-total">¥0.00</span></div>
16  <div class="sum-row"><span>优惠券（新客立减5元）</span><span style="color:var(--green)">-¥5.00</span></div>
17  <div class="sum-row"><span>运费</span><span id="ship-fee">¥6.00</span></div>
18  <div class="sum-row" style="font-size:11px;color:#ff9a3d" id="ship-tip">还差 ¥59.00 免运费</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>
25$('#cart-addr').textContent=USER.address+' ›';
26$('#time-slots').innerHTML=SLOTS.map((s,i)=>'<div class="time-slot'+(i===0?' sel':'')+'" onclick="$$('.time-slot').forEach(x=>x.classList.remove('sel'));this.classList.add('sel')">'+s+'</div>').join('');
27renderCartPage();
28</script>
29</body></html>