💻 代码预览 · 某杰蔬菜批发配送

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">城东农产品仓 · 物流园 A 区 12 号 ›</span></div>
14  <div class="pc-row"><span class="pc-label">配送时段</span><span class="pc-val">🌅 凌晨达 · 明日 05:00 前</span></div>
15  <div class="pc-row"><span class="pc-label">配送方式</span><span class="pc-val">🚚 送货上门（满 200 免运费）</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 class="ci-img" 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">山东寿光大白菜 ×50 斤</div><div style="font-size:12px;color:#9bbf93">¥75</div></div>
20  <div style="display:flex;gap:10px;align-items:center;padding:6px 0"><div class="ci-img" 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">云南黄心土豆 ×30 斤</div><div style="font-size:12px;color:#9bbf93">¥57</div></div>
21  <div style="display:flex;gap:10px;align-items:center;padding:6px 0"><div class="ci-img" 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:#9bbf93">¥60</div></div>
22</div>
23<div class="pay-card" style="margin-top:-4px">
24  <div class="pc-row"><span class="pc-label">客户等级</span><span class="pc-val">黄金会员 · 9 折已享</span></div>
25  <div class="pc-row"><span class="pc-label">优惠券</span><span class="pc-val" style="color:#dc2626">¥50 满减券 ▾</span></div>
26  <div class="pc-row"><span class="pc-label">账期</span><span class="pc-val" style="color:#16a34a">月结 · 本月 30 日还款</span></div>
27  <div class="pc-row"><span class="pc-label">实付金额</span><span class="pc-val"><b style="font-size:20px;color:var(--red)">¥158.3</b></span></div>
28</div>
29<div class="pay-way">
30  <div class="pw-title">选择结算方式</div>
31  <div class="pw-item sel"><span class="pw-ico">📅</span>账期月结（授信 ¥10000）<div class="pw-radio">✓</div></div>
32  <div class="pw-item"><span class="pw-ico">💳</span>预存余额（¥5200）<div class="pw-radio"></div></div>
33  <div class="pw-item"><span class="pw-ico">💚</span>微信支付<div class="pw-radio"></div></div>
34  <div class="pw-item"><span class="pw-ico">💙</span>支付宝<div class="pw-radio"></div></div>
35</div>
36<div style="height:80px"></div>
37<div class="settle-bar">
38  <div class="sb-total" style="text-align:left">应付 <b>¥158.3</b></div>
39  <div class="sb-btn" data-toast="下单成功，已转后台分拣">提交订单 ¥158.3</div>
40</div>
41
42<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>
43<script src="data.js"></script>
44
45<script src="app.js"></script>
46</body>
47</html>