小草牛肉坊_H5/orders.html · 约 2635 字符
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="order-tabs">
13 <a class="active">全部</a><a>待付款</a><a>待发货</a><a>待收货</a><a>待自提</a><a>待评价</a>
14</div>
15<div class="order-card">
16 <div class="oc-head"><span>2026-08-12 16:30 <span class="tag">快递单号 SF885211</span></span><span class="st">配送中</span></div>
17 <div class="oc-goods"><div class="og-img">🥩</div><div class="og-name">秘制酱香牛腱 500g ×2<br/><span style="font-size:11px;color:#9c8b7c">酱香 · 真空袋装</span></div><div class="og-price">¥136</div></div>
18 <div class="oc-foot"><span>共 2 件 · 实付</span><b>¥136</b></div>
19 <div class="oc-ops"><i>查看物流</i><i>再次购买</i></div>
20</div>
21<div class="order-card">
22 <div class="oc-head"><span>2026-08-10 12:05</span><span class="st">待自提</span></div>
23 <div class="oc-goods"><div class="og-img">🎁</div><div class="og-name">尊享礼盒·全家福 3斤装<br/><span style="font-size:11px;color:#9c8b7c">雁塔高新店 · 今日 18:00 前取</span></div><div class="og-price">¥188</div></div>
24 <div class="oc-foot"><span>共 1 件 · 实付</span><b>¥188</b></div>
25 <div class="oc-ops"><i class="main">出示自提码</i><i>查看详情</i></div>
26</div>
27<div class="order-card">
28 <div class="oc-head"><span>2026-08-05 20:18</span><span class="st" style="color:#16a34a">已完成</span></div>
29 <div class="oc-goods"><div class="og-img">🧆</div><div class="og-name">黑椒牛肉粒 250g ×3<br/><span style="font-size:11px;color:#9c8b7c">散称 · 追剧零食</span></div><div class="og-price">¥117</div></div>
30 <div class="oc-foot"><span>共 3 件 · 实付</span><b>¥117</b></div>
31 <div class="oc-ops"><i class="main">去评价</i><i>申请售后</i></div>
32</div>
33
34<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>
35<script src="data.js"></script>
36
37<script src="app.js"></script>
38</body>
39</html>