PamGram/resources/starrail/abyss/floor_story.html

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

106 lines
4.2 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>floor</title>
<link type="text/css" href="./style.css" rel="stylesheet"/>
<link type="text/css" href="../../styles/public.css" rel="stylesheet"/>
<style>
body {
margin: 0;
padding: 0;
}
.floors, .floor {
border-radius: unset;
margin: 0;
}
.floor-num > div:last-child {
display: flex;
flex-flow: column;
justify-content: center;
align-content: center;
}
</style>
</head>
<body>
<div class="container2">
<div class="floors">
<div class="floor floor-abyss-story">
<div class="head">
<div class="floor-name">
<div class="floor-num"></div>
<div>
<div>UID: {{ uid }}</div>
<div>{{ title }}•{{ floor.name }}</div>
</div>
</div>
<div class="star">
<div>
<div>{{ floor.star_num }}</div>
<div class="score">总分:{{ floor.score }}</div>
</div>
</div>
</div>
<div class="hr"></div>
<div class="chamber">
<div class="chamber-info">
<div>
使用轮:{{ floor.round_num }}
<span style="color: #A3A3A3">{{ floor_time }}</span>
</div>
<div class="stars">
{% for n in range(floor.star_num) %}
<div class="star"></div>
{% endfor %}
</div>
</div>
<div class="battles">
{% for node in floor_nodes %}
<div class="battle">
{% for character in node.avatars %}
<div class="character">
{% if character.rank > 0 %}
{% set constellation = character.rank %}
{% set bg = ['blue', 'blue', 'green', 'green', 'red', 'red'][constellation - 1] %}
<div style="background-color: var(--{{ bg }})">
{{ constellation }} 命
</div>
{% endif %}
<div class="element" style="background-image: url('../../img/element/{{ character.element }}.png')"></div>
<div class="icon"
style="background-image: url('../../background/rarity/half/{{ character.rarity }}.png')">
<img src="{{ character.icon }}" alt=""/>
</div>
<div class="caption">Lv.{{ character.level }}</div>
</div>
{% endfor %}
{% if loop.length > 1 %}
<div class="battle-info">
<div>{{ ['上', '下'][loop.index - 1] }}半</div>
<br/>
<div class="score">积分:{{ node.score }}</div>
</div>
{% endif %}
</div>
<div class="buffs">
<div class="buff-item">
<img src="{{ node.buff.icon }}" alt="buff-item" class="buff-item-icon">
<p>
<span class="buff-item-name">{{ node.buff.name_mi18n }}</span>
<span class="buff-item-desc">{{ node.buff.desc_mi18n }}</span>
</p>
</div>
</div>
{% if loop.index < loop.length %}
<div class="hr"></div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</body>
</html>