驰旭鲜卤_H5/cart.html · 约 3597 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>购物车 · 驰旭鲜卤</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>购物车</h1><span class="right"></span></header>
12<div class="cart-item checked">
13 <div class="ci-check on">✓</div>
14 <div class="ci-img">🦆</div>
15 <div class="ci-body">
16 <div class="ci-name">招牌卤鸭脖 <span class="badge badge-org">招牌</span></div>
17 <div class="ci-spec">麻辣 · 散装 · 会员价</div>
18 <div class="ci-foot"><div class="ci-price">¥15/份</div><div class="ci-num"><i>-</i><b>2</b><i>+</i></div></div>
19 </div>
20</div>
21<div class="cart-item checked">
22 <div class="ci-img">🐔</div>
23 <div class="ci-body">
24 <div class="ci-name">藤椒卤凤爪 <span class="badge badge-new">新品</span></div>
25 <div class="ci-spec">藤椒 · 散装 · 会员价</div>
26 <div class="ci-foot"><div class="ci-price">¥19/份</div><div class="ci-num"><i>-</i><b>3</b><i>+</i></div></div>
27 </div>
28</div>
29<div class="cart-item">
30 <div class="ci-check"></div>
31 <div class="ci-img">🐷</div>
32 <div class="ci-body">
33 <div class="ci-name">五香卤猪蹄 <span class="badge badge-hot">热卖</span></div>
34 <div class="ci-spec">五香 · 散装 · 会员价</div>
35 <div class="ci-foot"><div class="ci-price">¥25/份</div><div class="ci-num"><i>-</i><b>1</b><i>+</i></div></div>
36 </div>
37</div>
38<div class="coupon-card" style="margin-top:12px;background:linear-gradient(135deg,#7f2410,#a83218);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;color:#fff">
39 <div style="flex:1"><b style="font-size:18px;display:block">满 88 减 20 券</b><span style="font-size:11px;opacity:.9">购物车金额 112 元 · 已自动可用</span></div>
40 <div class="cc-btn" data-toast="已抵扣 20 元" style="background:#fff;color:#7f2410;padding:8px 16px;border-radius:16px;font-size:12px;font-weight:700">已用券</div>
41</div>
42<div class="check-box">
43 <div class="cb-row"><span class="cb-label">自提/配送</span><span class="cb-val">城东鲜卤中央厨房店 <span class="tag">1.6km</span></span></div>
44 <div class="cb-row"><span class="cb-label">取货方式</span><span class="cb-val"><span class="opt sel">🚚 冷链到家</span><span class="opt">🏪 到店自提</span><span class="opt">⏰ 定时取餐</span></span></div>
45 <div class="cb-row"><span class="cb-label">预约时间</span><span class="cb-val dim">今日 19:00 前达 ›</span></div>
46 <div class="cb-row"><span class="cb-label">订单备注</span><span class="cb-val dim">微辣 / 多给点卤汁 ›</span></div>
47</div>
48<div style="height:80px"></div>
49<div class="settle-bar">
50 <div class="sb-all"><span class="ci-check on">✓</span>全选</div>
51 <div class="sb-total">合计 <b>¥112</b><br/>已含冷链费</div>
52 <div class="sb-btn" data-toast="已跳转结算">去结算</div>
53</div>
54
55<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">🍗</span>选购</a><a class=" active" href="cart.html"><span class="icon">🛒</span>购物车</a><a class="" href="member.html"><span class="icon">👑</span>会员</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
56<script src="data.js"></script>
57
58<script src="app.js"></script>
59</body>
60</html>