mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-12-04 20:47:27 +00:00
93 lines
3.0 KiB
HTML
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>
|