xiaocao-mall/orders.html · 约 1678 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>我的订单 - 小草优选商城</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>我的订单</h1><span class="right"></span></div>
6<div class="status-bar" style="display:flex;background:#fff;border-bottom:1px solid #eee">
7 <a href="javascript:void(0)" class="active" style="flex:1;text-align:center;padding:12px 0;font-size:13px;color:var(--primary);border-bottom:2px solid var(--primary);font-weight:600" onclick="filterOrder(this,'')">全部</a>
8 <a href="javascript:void(0)" style="flex:1;text-align:center;padding:12px 0;font-size:13px;color:#666" onclick="filterOrder(this,'待发货')">待发货</a>
9 <a href="javascript:void(0)" style="flex:1;text-align:center;padding:12px 0;font-size:13px;color:#666" onclick="filterOrder(this,'待收货')">待收货</a>
10 <a href="javascript:void(0)" style="flex:1;text-align:center;padding:12px 0;font-size:13px;color:#666" onclick="filterOrder(this,'已完成')">已完成</a>
11</div>
12<div id="order-list"></div>
13<div style="height:70px"></div>
14<div class="tabbar">
15 <a href="index.html"><span class="icon">🏠</span>首页</a>
16 <a href="category.html"><span class="icon">📂</span>分类</a>
17 <a href="cart.html"><span class="icon">🛒</span>购物车</a>
18 <a href="mine.html"><span class="icon">👤</span>我的</a>
19</div>
20<script src="data.js"></script>
21<script src="app.js"></script>
22<script>renderOrders();</script>
23</body></html>