小草生鲜到家_H5/orders.html · 约 1701 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>我的订单 · 小草生鲜到家</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>我的订单</h1><span class="right">📦</span></div>
3<div style="display:flex;background:#fff;margin:12px;border-radius:12px;padding:10px 0">
4 ${['全部','配送中','已完成','售后'].map((s,i)=>'<span class="tag" style="flex:1;text-align:center;padding:8px 0;margin:0;background:'+(i===0?'var(--primary)':'#eef5e8')+';color:'+(i===0?'#fff':'#5d7a51')+'">'+s+'</span>').join('')}
5</div>
6<div id="orders-list"></div>
7<div class="card">
8 <div class="section-title" style="margin:0 0 8px">售后无忧</div>
9 <div class="after-sale">
10 <div class="as-item"><span class="asi">🥬</span>坏果坏菜<br>48h包赔</div>
11 <div class="as-item"><span class="asi">↩️</span>7天无理由<br>退换货</div>
12 <div class="as-item"><span class="asi">💬</span>在线客服<br>秒响应</div>
13 </div>
14</div>
15<div style="height:80px"></div>
16<div class="tabbar">
17 <a href="index.html"><span class="icon">🏠</span>首页</a>
18 <a href="category.html"><span class="icon">🗂️</span>分类</a>
19 <a class="active" href="orders.html"><span class="icon">📦</span>订单</a>
20 <a href="mine.html"><span class="icon">👤</span>我的</a>
21 <a href="cart.html"><span class="icon">🛒</span>购物车</a>
22</div>
23<script src="data.js"></script><script src="app.js"></script>
24<script>renderOrdersPage();</script>
25</body></html>