某杰废品回收站_H5/order.html · 约 3976 字符
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="pay-card">
13 <div class="pc-row"><span class="pc-label">上门地址</span><span class="pc-val">阳光小区 3 栋 2 单元 1502 ›</span></div>
14 <div class="pc-row"><span class="pc-label">上门时段</span><span class="pc-val">🌅 今天 上午 9:00-12:00</span></div>
15 <div class="pc-row"><span class="pc-label">楼层情况</span><span class="pc-val">🏢 有电梯 · 1502 室</span></div>
16 <div class="pc-row"><span class="pc-label">备注</span><span class="pc-val dim">有大件纸箱 / 请带绳 ›</span></div>
17</div>
18<div class="card" style="margin-top:-4px">
19 <div style="display:flex;gap:10px;align-items:center;padding:6px 0"><div style="width:48px;height:48px;border-radius:8px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:22px">📦</div><div style="flex:1;font-size:13px;font-weight:600">黄板纸箱 ×20 公斤</div><div style="font-size:12px;color:#9aa8a4">约 ¥28</div></div>
20 <div style="display:flex;gap:10px;align-items:center;padding:6px 0"><div style="width:48px;height:48px;border-radius:8px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:22px">🧴</div><div style="flex:1;font-size:13px;font-weight:600">矿泉水瓶 ×5 公斤</div><div style="font-size:12px;color:#9aa8a4">约 ¥11</div></div>
21</div>
22<div class="pay-card" style="margin-top:-4px">
23 <div class="pc-row"><span class="pc-label">预估收益</span><span class="pc-val">¥39 ~ ¥52（区间估价）</span></div>
24 <div class="pc-row"><span class="pc-label">新人加价</span><span class="pc-val" style="color:#dc2626">首单 +10% 已享</span></div>
25 <div class="pc-row"><span class="pc-label">大件附加费</span><span class="pc-val dim">无（有电梯）</span></div>
26 <div class="pc-row"><span class="pc-label">预计到账</span><span class="pc-val"><b style="font-size:19px;color:var(--red)">¥43</b> 起</span></div>
27</div>
28<div class="pay-way">
29 <div class="pw-title">选择收款方式</div>
30 <div class="pw-item sel"><span class="pw-ico">💚</span>微信零钱（当场到账）<div class="pw-radio">✓</div></div>
31 <div class="pw-item"><span class="pw-ico">💰</span>平台余额（可提现）<div class="pw-radio"></div></div>
32 <div class="pw-item"><span class="pw-ico">🌱</span>全额转环保积分（1元=10分）<div class="pw-radio"></div></div>
33 <div class="pw-item"><span class="pw-ico">🎁</span>捐赠公益回收项目<div class="pw-radio"></div></div>
34</div>
35<div class="card" style="margin-top:-4px;font-size:12px;color:#2c5b50;line-height:1.9">
36 ⚠️ 温馨提示：预估金额按您填写的重量测算，最终以上门实称重量 × 当日单价结算。称重全程可视化，如对价格有异议可现场申诉或拒绝交易。
37</div>
38<div style="height:80px"></div>
39<div class="settle-bar">
40 <div class="sb-total" style="text-align:left">预计得 <b>¥43</b> 起</div>
41 <div class="sb-btn" data-toast="预约成功，正在为您就近派单">提交预约</div>
42</div>
43
44<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="" href="cart.html"><span class="icon">📋</span>回收单</a><a class="" href="member.html"><span class="icon">🌱</span>环保</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
45<script src="data.js"></script>
46
47<script src="app.js"></script>
48</body>
49</html>