mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-25 18:04:00 +00:00
261 lines
9.5 KiB
HTML
261 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Title</title>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
<link href="./mondstadt.css" rel="stylesheet" />
|
|
<link type="text/css" href="../../../styles/public.css" rel="stylesheet" />
|
|
<script src="../../../js/tailwindcss-3.1.8.js"></script>
|
|
</head>
|
|
<body class="text-neutral-600">
|
|
<div class="mx-auto max-w-[600px] py-8">
|
|
<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 name mb-2 px-2">
|
|
小何
|
|
<span class="text-lg">lv.58</span>
|
|
</h1>
|
|
<h1 class="italic uid px-10">UID - 125324176</h1>
|
|
</div>
|
|
</div>
|
|
<div class="box pt-4 rounded-xl overflow-hidden">
|
|
<div>
|
|
<h2 class="box-title text-center text-xl ring text-neutral-100 p-1">
|
|
数据总览
|
|
</h2>
|
|
<div class="p-6 grid grid-cols-4 gap-4 text-center">
|
|
|
|
<div class="">
|
|
<div class="text-xl">491</div>
|
|
<div class="text-neutral-400">活跃天数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">536</div>
|
|
<div class="text-neutral-400">成就达成数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">38</div>
|
|
<div class="text-neutral-400">获取角色数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">12-3</div>
|
|
<div class="text-neutral-400">深境螺旋</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">227</div>
|
|
<div class="text-neutral-400">解锁传送点</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">41</div>
|
|
<div class="text-neutral-400">解锁秘境</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">58</div>
|
|
<div class="text-neutral-400">奇馈宝箱数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">127</div>
|
|
<div class="text-neutral-400">华丽宝箱数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">316</div>
|
|
<div class="text-neutral-400">珍贵宝箱数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">1180</div>
|
|
<div class="text-neutral-400">精致宝箱数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">1591</div>
|
|
<div class="text-neutral-400">普通宝箱数</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">65</div>
|
|
<div class="text-neutral-400">风神瞳</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">131</div>
|
|
<div class="text-neutral-400">岩神瞳</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">180</div>
|
|
<div class="text-neutral-400">雷神瞳</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="text-xl">79</div>
|
|
<div class="text-neutral-400">草神瞳</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 class="box-title text-center text-xl ring text-neutral-100 p-1">
|
|
世界探索
|
|
</h2>
|
|
<div class="p-6 grid grid-cols-4 gap-4 text-center text-neutral-100">
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_Xumi.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_Xumi.png" />
|
|
<div class="text-sm w-full truncate">须弥</div>
|
|
<div class="text-xs">26.0%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 26.0%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_ChasmsMaw.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_ChasmsMaw.png" />
|
|
<div class="text-sm w-full truncate">层岩巨渊·地下矿区</div>
|
|
<div class="text-xs">98.7%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 98.7%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_ChasmsMaw.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_ChasmsMaw.png" />
|
|
<div class="text-sm w-full truncate">层岩巨渊</div>
|
|
<div class="text-xs">92.9%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 92.9%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_Enkanomiya.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_Enkanomiya.png" />
|
|
<div class="text-sm w-full truncate">渊下宫</div>
|
|
<div class="text-xs">98.3%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 98.3%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_Daoqi.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_Daoqi.png" />
|
|
<div class="text-sm w-full truncate">稻妻</div>
|
|
<div class="text-xs">100.0%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 100.0%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_Dragonspine.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_Dragonspine.png" />
|
|
<div class="text-sm w-full truncate">龙脊雪山</div>
|
|
<div class="text-xs">83.6%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 83.6%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_Liyue.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_Liyue.png" />
|
|
<div class="text-sm w-full truncate">璃月</div>
|
|
<div class="text-xs">95.9%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 95.9%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full flex flex-col items-center rounded-lg p-2 space-y-1 bg-cover"
|
|
style="background-image:
|
|
url('https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterCover_Mengde.png');"
|
|
>
|
|
<img class="w-3/5"
|
|
src="https://upload-bbs.mihoyo.com/game_record/genshin/city_icon/UI_ChapterIcon_Mengde.png" />
|
|
<div class="text-sm w-full truncate">蒙德</div>
|
|
<div class="text-xs">100.0%</div>
|
|
<div class="pointer-bar">
|
|
<div
|
|
class="pointer-progress-bar"
|
|
style="width: 100.0%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="about text-center leading-8 text-xs opacity-50">
|
|
所有数据会有一小时延迟 以游戏内为准 此处仅供参考
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |