小草剧本杀_H5/orders.html · 约 1553 字符
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:#261318;margin:12px;border-radius:12px;padding:10px 0;border:1px solid #3a1a24">
4 ${['全部','待开局','拼车中','已结束'].map((s,i)=>'<span class="tag" style="flex:1;text-align:center;padding:8px 0;margin:0;background:'+(i===0?'linear-gradient(135deg,#be123c,#e11d48)':'#2f1a22')+';color:'+(i===0?'#fff':'#a8887e')+'">'+s+'</span>').join('')}
5</div>
6<div id="order-list"></div>
7<div class="card" style="font-size:12px;color:#8b6a70;line-height:2">
8 🎫 到店出示签到码核销 · 迟到超15分钟自动让位<br>⭐ 游戏结束可给剧本和DM打分 · 优质测评置顶
9</div>
10<div style="height:80px"></div>
11<div class="tabbar">
12 <a href="index.html"><span class="icon">🏠</span>首页</a>
13 <a href="scripts.html"><span class="icon">🃏</span>剧本</a>
14 <a href="join.html"><span class="icon">🚗</span>拼车</a>
15 <a class="active" href="orders.html"><span class="icon">📋</span>场次</a>
16 <a href="mine.html"><span class="icon">👤</span>我的</a>
17</div>
18<script src="data.js"></script><script src="app.js"></script>
19<script>renderOrders();</script>
20</body></html>