order.html · 约 1966 字符
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="css/style.css">
8</head>
9<body>
10<div class="phone">
11 <header class="topbar"><a class="back" href="detail.html">‹</a><div class="t">荔枝外卖 - 下单</div></header>
12 <main class="screen"><div class="card addr"><div class="ic">📍</div><div style="flex:1"><b>送货地址</b><div class="muted">张同学 · 138****8888 · 阳光小区 8 栋 1201</div></div><span class="price">›</span></div>
13<form id="orderForm">
14<div class="card"><div class="sec-h">🧾 订单详情</div><div id="orderList"></div></div>
15<div class="card"><div class="sec-h">📝 备注</div><input style="width:100%%;padding:10px;border:1px solid var(--line);border-radius:10px" placeholder="口味、餐具等要求（选填）"></div>
16<div class="card"><div class="sec-h">💳 支付方式</div>
17<div class="pay-card on"><span class="ic">💚</span><div style="flex:1"><b>微信支付</b><div class="muted">推荐</div></div><span class="radio"></span></div>
18<div class="pay-card"><span class="ic">🔵</span><div style="flex:1"><b>支付宝</b></div><span class="radio"></span></div>
19<div class="pay-card"><span class="ic">💵</span><div style="flex:1"><b>货到付款</b></div><span class="radio"></span></div>
20</div>
21<button class="btn-pk" type="submit" style="width:100%;border-radius:14px;padding:13px;font-size:16px;font-weight:700;border:none;color:#fff">提交订单</button>
22</form>
23<div class="cartbar"><span>合计</span><span class="cnt">¥0 · 0件</span></div></main>
24 <nav class="tabbar"><a href="index.html"><span>🏠</span>首页</a><a href="list.html"><span>🍽️</span>商家</a><a href="order.html" class="on"><span>🧾</span>订单</a></nav>
25</div>
26<script src="js/main.js"></script>
27</body>
28</html>