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

💄 微调布局

Browse Source
This commit is contained in:
BTMuli
2023-09-01 10:10:28 +08:00
parent 09317afac6
commit 2c129351c1
2 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/userAbyss/tua-detail-battle.vue
View File

@@ -1,5 +1,6 @@
<template> <template>
<div class="tud-db-box"> <div class="tud-db-box">
<div class="tud-db-time">{{ props.title }} {{ props.modelValue.time }}</div>
<div class="tud-db-icons-grid"> <div class="tud-db-icons-grid">
<TibAbyssDetail <TibAbyssDetail
v-for="avatar in props.modelValue.characters" v-for="avatar in props.modelValue.characters"
@@ -7,15 +8,13 @@
:model-value="avatar" :model-value="avatar"
/> />
</div> </div>
<div class="tud-db-time">
{{ props.modelValue.time }}
</div>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import TibAbyssDetail from "../itembox/tib-abyss-detail.vue"; import TibAbyssDetail from "../itembox/tib-abyss-detail.vue";
interface TuaDetailBattleProps { interface TuaDetailBattleProps {
title: string;
modelValue: TGApp.Sqlite.Abyss.Battle; modelValue: TGApp.Sqlite.Abyss.Battle;
} }
@@ -23,15 +22,13 @@ const props = defineProps<TuaDetailBattleProps>();
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.tud-db-box { .tud-db-box {
display: flex; padding: 5px;
flex-direction: row; border-radius: 5px;
align-items: center; background: var(--common-shadow-t-1);
justify-content: space-between;
} }
.tud-db-icons-grid { .tud-db-icons-grid {
display: flex; display: flex;
width: 100%;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
gap: 10px; gap: 10px;
@@ -40,6 +37,6 @@ const props = defineProps<TuaDetailBattleProps>();
.tud-db-time { .tud-db-time {
color: var(--common-text-content); color: var(--common-text-content);
font-size: 12px; font-size: 12px;
text-align: center; text-align: left;
} }
</style> </style>

4
src/components/userAbyss/tua-detail-level.vue
View File

@@ -5,8 +5,8 @@
:name="`第${props.modelValue.id}间`" :name="`第${props.modelValue.id}间`"
mode="level" mode="level"
/> />
<TuaDetailBattle :model-value="props.modelValue.upBattle" /> <TuaDetailBattle title="上半" :model-value="props.modelValue.upBattle" />
<TuaDetailBattle :model-value="props.modelValue.downBattle" /> <TuaDetailBattle title="下半" :model-value="props.modelValue.downBattle" />
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>