MibooGram/resources/zzz/gacha_log/gacha_log.html
2024-07-07 22:39:02 +08:00

93 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="gacha_log.css" />
<link type="text/css" href="../../styles/public.css" rel="stylesheet" />
<link rel="preload" href="./img/starrail.png" as="image" />
<script src="../../js/tailwindcss-3.4.4.js"></script>
<title>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">
{{ allNum }}抽
<span class="label text-neutral-600 label_{{type}}"
>{{ typeName }}</span
>
</h2>
</div>
</div>
</div>
<div class="data_box">
<div class="tab_lable">数据总览</div>
{% for val in line %}
<div class="data_line">
{% for item in val %}
<div class="data_line_item">
<div class="num">
{{item.num}}<span class="unit">{{item.unit}}</span>
</div>
<div class="lable">{{item.lable}}</div>
</div>
{% endfor %}
</div>
{% endfor %}
<div class="line_box">
<span class="line"></span>
<span class="text">五星历史 {{firstTime}} ~ {{lastTime}}</span>
<span class="line"></span>
</div>
<div class="card_list">
{% for val in fiveLog %}
<div class="item star5">
{% if val.isUp %}
<span class="minimum">UP</span>
{% endif %}
<img class="role" src="{{ val.icon }}" alt="" />
<!-- <div class="num">{{val.num}}</div>-->
<div class="num_name">{{ val.count }}</div>
</div>
{% endfor %}
</div>
<div class="line_box">
<span class="line"></span>
<span class="text">四星最近历史</span>
<span class="line"></span>
</div>
<div class="card_list">
{% for val in fourLog %}
<div class="item star4">
<img class="role" src="{{ val.icon }}" alt="" />
<!-- <div class="num">{{val.num}}</div>-->
<div class="num_name">{{ val.count }}</div>
</div>
{% endfor %}
</div>
</div>
<div class="logo">Template By Yunzai-Bot x Generated By MibooGram</div>
</div>
</div>
</body>
</html>