小草K歌_H5/mine.html · 约 3984 字符
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>个人中心 · 小草K歌</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 class="user-card">
4 <div class="uc-avatar">🎤</div>
5 <div><div class="uc-name" id="u-name">麦霸小王子</div><div class="uc-level" id="u-level">金卡会员 · 累计欢唱 28 次 · 最高分 96</div></div>
6</div>
7<div class="card" style="display:flex;justify-content:space-around;padding:14px 6px">
8 <div style="text-align:center"><b style="font-size:18px;color:var(--gold)" id="m-points">3680</b><div style="font-size:11px;color:#8b83b5">积分</div></div>
9 <div style="text-align:center"><b style="font-size:18px;color:var(--gold)" id="m-balance">200</b><div style="font-size:11px;color:#8b83b5">余额(元)</div></div>
10 <div style="text-align:center"><b style="font-size:18px;color:var(--gold)" id="m-coupons">6</b><div style="font-size:11px;color:#8b83b5">优惠券</div></div>
11 <div style="text-align:center"><b style="font-size:18px;color:var(--gold)" id="m-times">28</b><div style="font-size:11px;color:#8b83b5">欢唱次数</div></div>
12</div>
13<div style="display:flex;background:#1e1838;border-radius:12px;margin:12px;padding:14px 0;border:1px solid #3a3170">
14 <a href="order.html" style="flex:1;text-align:center;font-size:11px;color:#a89fd4"><span style="font-size:24px;display:block;margin-bottom:4px">📋</span>我的订单<em style="font-style:normal;display:block;font-size:10px;color:#6f67a0;margin-top:2px">预订记录</em></a>
15 <a href="songs.html" style="flex:1;text-align:center;font-size:11px;color:#a89fd4"><span style="font-size:24px;display:block;margin-bottom:4px">🎵</span>我的歌单<em style="font-style:normal;display:block;font-size:10px;color:#6f67a0;margin-top:2px">常唱歌曲</em></a>
16 <a href="rooms.html" style="flex:1;text-align:center;font-size:11px;color:#a89fd4"><span style="font-size:24px;display:block;margin-bottom:4px">⭐</span>常去包厢<em style="font-style:normal;display:block;font-size:10px;color:#6f67a0;margin-top:2px">豪华房</em></a>
17 <a href="mine.html" style="flex:1;text-align:center;font-size:11px;color:#a89fd4"><span style="font-size:24px;display:block;margin-bottom:4px">🏆</span>K歌成绩<em style="font-style:normal;display:block;font-size:10px;color:#6f67a0;margin-top:2px">平均88分</em></a>
18</div>
19<div class="menu-list">
20 <a><span class="ml-l"><span class="ico">🎁</span>优惠券</span><span class="ml-r" id="m-c2">6张 ›</span></a>
21 <a><span class="ml-l"><span class="ico">💳</span>充值中心</span><span class="ml-r">充500送100 ›</span></a>
22 <a><span class="ml-l"><span class="ico">👑</span>会员等级</span><span class="ml-r">银→金→钻石 ›</span></a>
23 <a><span class="ml-l"><span class="ico">🎂</span>生日特权</span><span class="ml-r">免费包厢券 ›</span></a>
24 <a><span class="ml-l"><span class="ico">👥</span>邀请好友</span><span class="ml-r">各得50元券 ›</span></a>
25 <a><span class="ml-l"><span class="ico">💬</span>联系客服</span><span class="ml-r">24小时 ›</span></a>
26 <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
27</div>
28<div style="height:80px"></div>
29<div class="tabbar">
30 <a href="index.html"><span class="icon">🏠</span>首页</a>
31 <a href="rooms.html"><span class="icon">🎉</span>包厢</a>
32 <a href="songs.html"><span class="icon">🎵</span>点歌</a>
33 <a href="order.html"><span class="icon">📋</span>订单</a>
34 <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
35</div>
36<script src="data.js"></script><script src="app.js"></script>
37<script>renderMine();</script>
38</body></html>