mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-25 09:37:38 +00:00
27 lines
1.4 KiB
Plaintext
27 lines
1.4 KiB
Plaintext
|
<div class="flex w-full flex-row justify-between space-x-6 px-8">
|
||
|
|
{% for character in character_details %}
|
||
|
|
<div class="flex w-1/{{ character_details | length }}">
|
||
|
|
<div class="h-full w-full rounded-xl relative">
|
||
|
|
{% if extra[character.name].constellation > 0 %}
|
||
|
|
{% set bg = ['blue','blue', 'green','green', 'red', 'red'][extra[character.name].constellation - 1] %}
|
||
|
|
<div
|
||
|
|
class="absolute top-0 right-0 rounded-tr-lg rounded-bl-lg px-1 bg-{{ bg }}-400 ">
|
||
|
|
{{ extra[character.name].constellation }} 命
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{% if not extra[character.name].owned %}
|
||
|
|
<div class="absolute top-0 left-0 rounded-tl-lg rounded-br-lg px-1 bg-pink-400 text-white">
|
||
|
|
试用
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
<div class="aspect-square w-full rounded-t-xl"
|
||
|
|
style="background-image: url('../../background/rarity/half/{{ extra[character.name].rarity }}.png')">
|
||
|
|
<img src="{{ extra[character.name].icon }}" alt=""/>
|
||
|
|
</div>
|
||
|
|
<div class="flex h-6 items-center justify-center rounded-b-xl bg-gray-200">
|
||
|
|
<span class="text-md"> Lv {{ character.level }}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|