r113/game.html · 约 3149 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
6<title>游戏等级用户中心</title>
7<link rel="icon" href="data:,">
8<link rel="stylesheet" href="style.css">
9</head>
10<body data-page="game" style="--brand:#00b4a6;--brand-d:#009187">
11<header class="uc-hero game" style="--brand:#00b4a6;--brand-d:#009187"><div class="avatar" style="width:60px;height:60px;background:rgba(255,255,255,.3);font-size:30px">🐣</div><div class="uc-name">菜鸟玩家 <span class="uc-lv">Lv.12</span></div><div class="exp"><div class="exp-bar" style="width:72%"></div></div><div class="exp-t">经验 720/1000</div></header><main class="uc-wrap"><div class="card"><div class="card-h">我的资产</div><div class="cu-row"><div class="cu"><div class="cu-v">1,240</div><div class="cu-l">硬币</div></div><div class="cu"><div class="cu-v">8</div><div class="cu-l">电池</div></div><div class="cu"><div class="cu-v">未开通</div><div class="cu-l">大会员</div></div></div></div><div class="card"><div class="card-h">任务中心</div><div class="tk"><div class="tk-m"><div class="tk-t">每日登录</div><div class="tk-r">+5 硬币</div></div><a class="tk-btn done" data-toast="已领取" href="#">已领</a></div><div class="tk"><div class="tk-m"><div class="tk-t">观看视频</div><div class="tk-r">+10 硬币</div></div><a class="tk-btn " data-toast="领取成功" href="#">领取</a></div><div class="tk"><div class="tk-m"><div class="tk-t">发布动态</div><div class="tk-r">+20 硬币</div></div><a class="tk-btn " data-toast="领取成功" href="#">领取</a></div><div class="tk"><div class="tk-m"><div class="tk-t">邀请好友</div><div class="tk-r">+50 硬币</div></div><a class="tk-btn " data-toast="领取成功" href="#">领取</a></div></div><div class="card"><div class="card-h">我的动态</div><div class="dy"><span class="dy-ic">📌</span><div class="dy-m"><div class="dy-t">发布了新动态</div><div class="dy-time">今天 18:20</div></div></div><div class="dy"><span class="dy-ic">📌</span><div class="dy-m"><div class="dy-t">投稿了视频《入门攻略》</div><div class="dy-time">昨天</div></div></div><div class="dy"><span class="dy-ic">📌</span><div class="dy-m"><div class="dy-t">收藏了 3 个作品</div><div class="dy-time">2 天前</div></div></div></div></main><nav class="uctab"><a class="ut" data-toast="演示页面，仅展示 UI"><span class="ut-ic">🏠</span><span class="ut-tx">首页</span></a><a class="ut" data-toast="演示页面，仅展示 UI"><span class="ut-ic">📺</span><span class="ut-tx">动态</span></a><a class="ut" data-toast="演示页面，仅展示 UI"><span class="ut-ic">✉️</span><span class="ut-tx">消息</span></a><a class="ut on" data-toast="演示页面，仅展示 UI"><span class="ut-ic">👤</span><span class="ut-tx">我的</span></a></nav>
12
13<div class="mask" id="mask"></div>
14<div class="toast" id="toast"></div>
15<script src="data/fallback.js"></script>
16<script src="app.js"></script>
17<script></script>
18</body>
19</html>