某杰废品回收站_H5/cart.html · 约 4060 字符
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 style="text-align:center;font-size:11px;color:#8fc2b4;padding:12px 16px 0">预约后回收员上门实称，预估金额仅供参考，多退少补</div>
13<div class="cart-item checked">
14 <div class="ci-check">✓</div>
15 <div class="ci-img">📦</div>
16 <div class="ci-body">
17 <div class="ci-name">黄板纸箱 <span class="badge badge-org">加价中</span></div>
18 <div class="ci-spec">按公斤 · 预估 20 公斤</div>
19 <div class="ci-foot"><div class="ci-price">¥1.4/公斤</div><div class="ci-num"><i>-</i><b>20</b><i>+</i></div></div>
20 </div>
21</div>
22<div class="cart-item checked">
23 <div class="ci-check">✓</div>
24 <div class="ci-img">🧴</div>
25 <div class="ci-body">
26 <div class="ci-name">矿泉水瓶</div>
27 <div class="ci-spec">按公斤 · 去掉瓶盖已踩扁</div>
28 <div class="ci-foot"><div class="ci-price">¥2.2/公斤</div><div class="ci-num"><i>-</i><b>5</b><i>+</i></div></div>
29 </div>
30</div>
31<div class="cart-item">
32 <div class="ci-check"></div>
33 <div class="ci-img">👕</div>
34 <div class="ci-body">
35 <div class="ci-name">旧衣服 <span class="badge badge-new">免费上门</span></div>
36 <div class="ci-spec">按公斤 · 一袋式打包</div>
37 <div class="ci-foot"><div class="ci-price">¥1.0/公斤</div><div class="ci-num"><i>-</i><b>15</b><i>+</i></div></div>
38 </div>
39</div>
40<div class="coupon-card" style="margin-top:12px;background:linear-gradient(135deg,#047857,#059669);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;color:#fff">
41 <div style="flex:1"><b style="font-size:17px;display:block">满 50 公斤加价 8%</b><span style="font-size:11px;opacity:.9">当前 25 公斤 · 再攒 25 公斤可加价</span></div>
42 <div class="cc-btn" data-toast="再凑 25 公斤即可享受加价" style="background:#fff;color:#047857;padding:8px 16px;border-radius:16px;font-size:12px;font-weight:700">去看看</div>
43</div>
44<div class="check-box">
45 <div class="cb-row"><span class="cb-label">上门地址</span><span class="cb-val">阳光小区 3 栋 2 单元 1502 ›</span></div>
46 <div class="cb-row"><span class="cb-label">楼层电梯</span><span class="cb-val"><span class="opt sel">🏢 有电梯</span><span class="opt">🪜 无电梯(加搬运费)</span></span></div>
47 <div class="cb-row"><span class="cb-label">上门时段</span><span class="cb-val"><span class="opt sel">🌅 上午 9-12 点</span><span class="opt">🌇 下午 2-6 点</span><span class="opt">🌙 晚间 6-9 点</span></span></div>
48 <div class="cb-row"><span class="cb-label">回收方式</span><span class="cb-val"><span class="opt sel">🚴 上门回收</span><span class="opt">🏪 自提点投递</span></span></div>
49 <div class="cb-row"><span class="cb-label">备注</span><span class="cb-val dim">有大件纸箱 / 请带绳 ›</span></div>
50</div>
51<div style="height:80px"></div>
52<div class="settle-bar">
53 <div class="sb-all"><span class="ci-check on">✓</span>全选</div>
54 <div class="sb-total">预估收益 <b>¥39</b><br/>实称实结</div>
55 <div class="sb-btn" data-toast="已跳转确认预约">去预约</div>
56</div>
57
58<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>
59<script src="data.js"></script>
60
61<script src="app.js"></script>
62</body>
63</html>