mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-26 02:11:00 +00:00
59 lines
2.5 KiB
HTML
59 lines
2.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8"/>
|
||
|
<title>Title</title>
|
||
|
<link href="../../styles/tailwind.min.css" rel="stylesheet"/>
|
||
|
<link href="liyue.css" rel="stylesheet"/>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class="container mx-auto px-5 py-10 max-w-3xl font-black">
|
||
|
<div class="header p-6 flex mb-8 rounded-xl bg-cover justify-between">
|
||
|
<div class="flex flex-col items-center justify-center">
|
||
|
<h1 class="text-4xl italic test mb-2">胡桃</h1>
|
||
|
<h1 class="text-2xl italic test-1 px-10">UID -111111111</h1>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="box pt-4 rounded-xl space-y-4 overflow-hidden">
|
||
|
<div class="box-title text-2xl ring text-white">
|
||
|
<h1>数据总览</h1>
|
||
|
</div>
|
||
|
<div class="stats-box flex flex-wrap text-center">
|
||
|
<div class="mx-auto p-2 rounded-xl flex-1">
|
||
|
<div class="stats-name text-base p-1">活跃天数</div>
|
||
|
<div class="stats-value text-xl p-1 font-bold">114514</div>
|
||
|
</div>
|
||
|
<div class="mx-auto p-2 rounded-xl flex-1">
|
||
|
<div class="stats-name text-xl p-1">成就达成数</div>
|
||
|
<div class="stats-value text-base p-1 font-bold">test2</div>
|
||
|
</div>
|
||
|
<div class="mx-auto p-2 rounded-xl flex-1">
|
||
|
<div class="stats-name text-xl p-1">获取角色数</div>
|
||
|
<div class="stats-value text-base p-1 font-bold">test2</div>
|
||
|
</div>
|
||
|
<div class="mx-auto p-2 rounded-xl flex-1">
|
||
|
<div class="stats-name text-xl p-1">深境螺旋</div>
|
||
|
<div class="stats-value text-base p-1 font-bold">12-3</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="box-title text-2xl ring text-white">
|
||
|
<h1>世界探索</h1>
|
||
|
</div>
|
||
|
<div class="stats-box flex flex-wrap text-center">
|
||
|
<div class="world-exploration rounded-xl flex-shrink p-2 mx-auto space-y-1">
|
||
|
<img class="world-exploration-icon" src="./test/UI_ChapterIcon_Mengde.png">
|
||
|
<div class="">蒙德</div>
|
||
|
<div class="text-xs">22%</div>
|
||
|
<div class="pointer-bar">
|
||
|
<div class="pointer-progress-bar" style="width: 23%"></div>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="about text-center leading-8 text-xs opacity-50">
|
||
|
所有数据会有一小时延迟 以游戏内为准 此处仅供参考
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|