PamGram/resources/starrail/gacha_count/gacha_count.html
2024-03-29 23:14:24 +08:00

59 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<link rel="shortcut icon" href="#"/>
<link rel="stylesheet" type="text/css" href="gacha_count.css"/>
<link rel="preload" href="../../fonts/HYWenHei-85W.ttf" as="font">
<link rel="preload" href="./../../fonts/tttgbnumber.ttf" as="font">
<link rel="preload" href="./../../genshin/abyss/background/roleStarBg5.png" as="image">
<link rel="preload" href="./../../genshin/abyss/background/roleStarBg4.png" as="image">
<link rel="preload" href="../gacha_log/img/starrail.png" as="image" />
<script src="../../js/tailwindcss-3.1.8.js"></script>
<title></title>
</head>
<body id="container" class="body_box">
<div class="container">
<div class="info_box">
<div class="header p-2 rounded-xl mb-6" style='background-image: url("{{ background }}")'>
<div class="frame p-4 rounded-lg border-solid border-2 flex items-center">
<img class="w-16 h-16 rounded-full mr-4" src="{{ avatar }}" alt="Avatar">
<div>
<h2 class="font-bold italic">ID: {{ uid }}</h2>
<h2 class="italic">
跃迁统计-{{ typeName }}
</h2>
</div>
</div>
</div>
</div>
{% for val in pool %}
<div class="pool_box">
<div class="title_box">
<div class="name_box">
<div class="title text-lg font-bold"><h2>「{{ val.name }}」</h2></div>
<span class="label label_301">{{ val.count }}抽</span>
</div>
{% if typeName != "常驻跃迁" %}
<span class="date">{{ val.start }} - {{ val.end }}</span>
{% endif %}
</div>
<div class="list_box">
{% for v in val.list %}
<div class="item">
<div class="bg{{ v.rank_type }}"></div>
<span class="num {% if v.count>=5 and v.rank_type == 5 %}life5{% endif %}">{{ v.count }}</span>
<img class="role_img" src="{{ v.icon }}" alt=""/>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
{% if hasMore %}
<div class="hasMore">*完整数据请私聊查看</div>
{% endif %}
<div class="logo">Template By Yunzai-Bot x Generated By PamGram</div>
</div>
</body>
</html>