小草花坊_H5/cart.html · 约 3188 字符
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">✓</div>
14 <div class="ci-img">🌹</div>
15 <div class="ci-body">
16 <div class="ci-name">厄瓜多尔红玫瑰 19 支 <span class="badge badge-hot">热销</span></div>
17 <div class="ci-spec">19 支 · 丝绒礼盒 · 附贺卡</div>
18 <div class="ci-foot"><div class="ci-price">¥299</div><div class="ci-num"><i>-</i><b>1</b><i>+</i></div></div>
19 </div>
20</div>
21<div class="cart-item">
22 <div class="ci-check"></div>
23 <div class="ci-img">🌻</div>
24 <div class="ci-body">
25 <div class="ci-name">向日葵阳光花束 <span class="badge badge-new">探病推荐</span></div>
26 <div class="ci-spec">11 支 · 经典包装</div>
27 <div class="ci-foot"><div class="ci-price">¥129</div><div class="ci-num"><i>-</i><b>1</b><i>+</i></div></div>
28 </div>
29</div>
30<div class="coupon-card" style="margin-top:12px">
31 <div class="cc-left"><b>七夕 20 元券可用</b><span>购物车金额 428 元 · 已自动匹配最优券</span></div>
32 <div class="cc-btn">已用</div>
33</div>
34<div class="check-box">
35 <div class="cb-row"><span class="cb-label">配送方式</span><span class="cb-val"><span class="opt sel">🚚 同城速递</span><span class="opt">🏪 门店自提</span></span></div>
36 <div class="cb-row"><span class="cb-label">送达时间</span><span class="cb-val">今天 17:00-19:00 ›</span></div>
37 <div class="cb-row"><span class="cb-label">贺卡内容</span><span class="cb-val dim">点击填写寄语（20 字内免费）›</span></div>
38 <div class="cb-row"><span class="cb-label">搭配礼</span><span class="cb-val">巧克力 +¥59 / 玩偶 +¥79 ▾</span></div>
39 <div class="cb-row"><span class="cb-label">优惠券</span><span class="cb-val" style="color:#dc2626">-¥20 七夕券 ▾</span></div>
40 <div class="cb-row"><span class="cb-label">运费</span><span class="cb-val" style="color:#16a34a">满 99 免运费</span></div>
41 <div class="cb-row"><span class="cb-label">收货信息</span><span class="cb-val dim">雁塔区高新路 88 号 · 李小姐 ›</span></div>
42</div>
43<div style="height:80px"></div>
44<div class="settle-bar">
45 <div class="sb-total">合计 <b>¥408</b><br/>已优惠 ¥20</div>
46 <div class="sb-btn" data-toast="订单提交成功">去结算</div>
47</div>
48
49<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" href="category.html"><span class="icon">💐</span>鲜花</a><a class="" href="subscribe.html"><span class="icon">📅</span>订阅</a><a class="" href="orders.html"><span class="icon">📦</span>订单</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
50<script src="data.js"></script>
51
52<script src="app.js"></script>
53</body>
54</html>