mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-16 04:45:27 +00:00
✨ Update player_card
module
Co-authored-by: CWorld <37377181+cworld1@users.noreply.github.com>
This commit is contained in:
parent
3839d00a95
commit
84b927eefc
@ -37,17 +37,17 @@
|
|||||||
src: url(fonts/shicon.woff) format("woff");
|
src: url(fonts/shicon.woff) format("woff");
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: block
|
font-display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.enka-log {
|
.enka-log {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
margin-right: 0.3rem
|
margin-right: 0.3rem;
|
||||||
}
|
}
|
||||||
.enka-log:before {
|
.enka-log:before {
|
||||||
content: "\e93a";
|
content: "\e93a";
|
||||||
font-family: shicon;
|
font-family: shicon;
|
||||||
font-size: 1.25em
|
font-size: 1.25em;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
@ -75,14 +75,16 @@
|
|||||||
>
|
>
|
||||||
<div>UID {{ uid }}</div>
|
<div>UID {{ uid }}</div>
|
||||||
<div>Lv.{{ character.level }}</div>
|
<div>Lv.{{ character.level }}</div>
|
||||||
<div class="rounded-lg pl-1 pr-3 {% if character.friendship_level >= 10 %} bg-red-600 {% else %} bg-gray-600 {% endif %}">
|
<div
|
||||||
|
class="rounded-lg pl-1 pr-3 {% if character.friendship_level >= 10 %} bg-red-600 {% else %} bg-gray-600 {% endif %}"
|
||||||
|
>
|
||||||
❤ {{ character.friendship_level }}
|
❤ {{ character.friendship_level }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% include 'genshin/player_card/skills.html' %}
|
{% include 'genshin/player_card/skills.html' %} {% include
|
||||||
{% include 'genshin/player_card/stats.html' %}
|
'genshin/player_card/stats.html' %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -91,8 +93,8 @@
|
|||||||
<div class="px-5 relative">
|
<div class="px-5 relative">
|
||||||
<div class="grid grid-cols-3 gap-4">
|
<div class="grid grid-cols-3 gap-4">
|
||||||
<div class="flex flex-col space-y-2">
|
<div class="flex flex-col space-y-2">
|
||||||
{% include 'genshin/player_card/weapon.html' %}
|
{% include 'genshin/player_card/weapon.html' %} {% include
|
||||||
{% include 'genshin/player_card/score.html' %}
|
'genshin/player_card/score.html' %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% include 'genshin/player_card/artifacts.html' %}
|
{% include 'genshin/player_card/artifacts.html' %}
|
||||||
@ -102,7 +104,8 @@
|
|||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<div class="mt-4 relative">
|
<div class="mt-4 relative">
|
||||||
<div class="text-gray-300 text-center opacity-70 text-lg">
|
<div class="text-gray-300 text-center opacity-70 text-lg">
|
||||||
Data from <span class="enka-log"></span>Enka.Network × Inspired by Miao-Plugin
|
Data from <span class="enka-log"></span>Enka.Network × Inspired by
|
||||||
|
Miao-Plugin
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
<div class="flex-1 flex justify-evenly bg-black bg-opacity-20 rounded-lg">
|
<div class="flex-1 flex justify-evenly bg-black bg-opacity-20 rounded-lg">
|
||||||
<div class="flex flex-col items-center justify-center space-y-2">
|
<div class="flex flex-col items-center justify-center space-y-2">
|
||||||
<div class="text-5xl italic {{ artifact_total_score_class }}">
|
<div class="text-5xl italic text-shadow {{ artifact_total_score_class }}">
|
||||||
{{ artifact_total_score_label }}
|
{{ artifact_total_score_label }}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-base text-neutral-400">圣遗物评级</div>
|
<div class="text-base text-neutral-400">圣遗物评级</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col items-center justify-center space-y-2">
|
<div class="flex flex-col items-center justify-center space-y-2">
|
||||||
<div class="text-5xl italic">{{ artifact_total_score }}</div>
|
<div class="text-5xl italic text-shadow">{{ artifact_total_score }}</div>
|
||||||
<div class="text-base text-neutral-400">圣遗物评分</div>
|
<div class="text-base text-neutral-400">圣遗物评分</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<div class="rounded-lg overflow-hidden bg-black bg-opacity-20">
|
<div class="rounded-lg bg-black bg-opacity-20">
|
||||||
{% for (name, value) in stats %}
|
{% for (name, value) in stats %}
|
||||||
<div
|
<div
|
||||||
class="flex justify-between px-10 py-1.5 even:bg-black even:bg-opacity-30"
|
class="px-7 py-1.5 flex justify-between even:bg-white even:bg-opacity-10"
|
||||||
>
|
>
|
||||||
<div>{{ name }}</div>
|
<div>{{ name }}</div>
|
||||||
<div class="italic">{{ value }}</div>
|
<div class="italic">{{ value }}</div>
|
||||||
|
@ -5,11 +5,13 @@
|
|||||||
<div
|
<div
|
||||||
class="flex-1 p-4 flex flex-col items-end justify-center h-full space-y-1"
|
class="flex-1 p-4 flex flex-col items-end justify-center h-full space-y-1"
|
||||||
>
|
>
|
||||||
<div class="text-2xl text-shadow">{{ weapon.detail.name }}</div>
|
<div class="text-2xl">{{ weapon.detail.name }}</div>
|
||||||
<div class="star star-{{ weapon.detail.rarity }}"></div>
|
<div class="star star-{{ weapon.detail.rarity }}"></div>
|
||||||
<div class="flex space-x-3 items-center">
|
<div class="flex space-x-3 items-center">
|
||||||
<div class="italic text-shadow">Lv.{{ weapon.level }}</div>
|
<div class="italic">Lv.{{ weapon.level }}</div>
|
||||||
<div class="bg-gray-600 rounded px-2 text-base">
|
<div
|
||||||
|
class="rounded px-2 text-base {% if weapon.refinement == 5 %} bg-red-600 {% else %} bg-gray-600 {% endif %}"
|
||||||
|
>
|
||||||
精{{ weapon.refinement }}
|
精{{ weapon.refinement }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user