Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-06 08:32:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 微调UI

Browse Source
This commit is contained in:
BTMuli
2025-07-01 19:15:28 +08:00
parent a4ebf47b56
commit 97eef56cc0
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/userChallenge/tuc-challenge-item.vue
View File

@@ -28,7 +28,8 @@
</div>
<div class="right-monster">
<div class="icon">
<TMiImg :src="props.data.monster.icon" :alt="props.data.name" :ori="true" />
<!-- <TMiImg :src="props.data.monster.icon" :alt="props.data.name" :ori="true" />-->
<img :src="props.data.monster.icon" :alt="props.data.name" />
</div>
<div class="tags">
<div class="tag" v-for="(tag, idx) in props.data.monster.tags" :key="idx">
@@ -204,20 +205,22 @@ function getTeamBox(avatar: TGApp.Game.Challenge.ChallengeTeam): TItemBoxData {
.right-monster {
position: relative;
display: flex;
height: 100%;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
justify-content: flex-end;
.icon {
position: relative;
width: 96px;
height: 96px;
position: absolute;
top: -16px;
right: 0;
height: 100%;
flex-shrink: 0;
aspect-ratio: 1;
img {
width: 100%;
height: 100%;
object-fit: contain;
}
}