mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-27 02:25:08 +00:00
88 lines
4.1 KiB
HTML
88 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<!--suppress HtmlUnknownTag, SpellCheckingInspection -->
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>每日素材</title>
|
|
<link type="text/css" href="./style.css" rel="stylesheet"/>
|
|
</head>
|
|
<body>
|
|
<main class="container">
|
|
<div class="title">{{ data.title }}可培养角色</div>
|
|
<div class="user-info">
|
|
{% if data.uid != none %}
|
|
<span>UID: {{ data.uid }}</span>
|
|
{% else %}
|
|
<span>暂未绑定UID</span>
|
|
{% endif %}
|
|
<span>{{ data.time }}</span>
|
|
</div>
|
|
<hr/>
|
|
<div class="box">
|
|
{% for area in data.character %}
|
|
<div class="area">
|
|
<div class="area-head">
|
|
<span class="area-name">
|
|
<img src="./bg/area/{{ loop.index0 }}.png" alt="{{ area.name }}"/>
|
|
<div>{{ area.name }}</div>
|
|
</span>
|
|
<span class="material-name">{{ area.material_name }}</span>
|
|
<span class="materials">
|
|
{% for material in area.materials %}
|
|
<div class="material">
|
|
<div class="material-icon"
|
|
style="background-image: url(../../background/rarity/half/{{ material.rarity }}.png)">
|
|
<img alt="{{ material.name }}" src="{{ material.icon }}"/>
|
|
</div>
|
|
<div class="material-star">
|
|
{% for _ in range(material.rarity) %}
|
|
<img alt="star" src="../../background/rarity/star.webp"/>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</span>
|
|
</div>
|
|
<div class="area-content">
|
|
{% for item in area.items %}
|
|
<div
|
|
{% if data.uid != none and item.level == none %}
|
|
class="item character item-not-owned"
|
|
{% else %}
|
|
class="item character"
|
|
{% endif %}
|
|
>
|
|
<div class="item-icon"
|
|
style="background-image: url(../../background/rarity/full/{{ item.rarity }}.png)">
|
|
{% if item.level != none %}
|
|
<div>Lv.{{ item.level }}</div>
|
|
{% endif %}
|
|
{% if item.constellation != none %}
|
|
{% if item.constellation == 6 %}
|
|
<div style="background-color: rgba(255,20,147, 0.8);backdrop-filter: blur(3px);">
|
|
6命
|
|
</div>
|
|
{% elif item.constellation != 0 %}
|
|
<div style="background-color: rgba(103,167,230, 0.8);backdrop-filter: blur(3px);">{{ item.constellation }}命</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
<img src="{{ item.icon }}" alt="{{ item.name }}"/>
|
|
{% if item.level != none and item.skills != none %}
|
|
<div class="item-icon-character-talent">
|
|
<span>{{ item.skills[0] }}/{{ item.skills[1] }}/{{ item.skills[2] }}</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="item-name">
|
|
<div>{{ item.name }}</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</main>
|
|
</body>
|
|
</html> |