小草美甲美妆_H5/orders.html · 约 1767 字符
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)':'#efe7f7')+';color:'+(i===0?'#fff':'#7a5c8f')+'">'+s+'</span>').join('')}
5</div>
6<div id="order-list"></div>
7<div class="section-title">服务评价 <span>好评晒图</span></div>
8<div class="card">
9 <div style="display:flex;gap:10px;font-size:12px;color:#7a5c8f">
10 <span>⭐ 4.9 好评率 99%</span><span>· 晒图 1280 张</span><span>· 回头客 65%</span>
11 </div>
12 <div style="font-size:12px;color:#a893b8;margin-top:8px;line-height:1.8">💗 "猫眼款太美了，Lisa 手很稳一点都不疼"<br>💗 "环境干净，美甲师全程耐心沟通"</div>
13</div>
14<div style="height:80px"></div>
15<div class="tabbar">
16 <a href="index.html"><span class="icon">🏠</span>首页</a>
17 <a href="styles.html"><span class="icon">🖼️</span>作品</a>
18 <a href="book.html"><span class="icon">📅</span>预约</a>
19 <a href="cards.html"><span class="icon">💳</span>卡包</a>
20 <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
21</div>
22<script src="data.js"></script><script src="app.js"></script>
23<script>renderOrdersPage();</script>
24</body></html>