mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-12-04 20:47:27 +00:00
031198b08d
Signed-off-by: Lei Shi <me@leishi.io> Co-authored-by: 洛水居室 <luoshuijs@outlook.com> Co-authored-by: CHxCOOH <chxcooh@googlemail.com> Co-authored-by: xtaodada <xtao@xtaolink.cn> Co-authored-by: Nahida <53059854+NahidaBuer@users.noreply.github.com> Co-authored-by: omg-xtao <100690902+omg-xtao@users.noreply.github.com>
27 lines
1.4 KiB
Django/Jinja
27 lines
1.4 KiB
Django/Jinja
<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> |