mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
💄 微调UI
This commit is contained in:
@@ -30,7 +30,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, computed, watch, onMounted } from "vue";
|
import { computed, onMounted, ref, watch } from "vue";
|
||||||
|
|
||||||
import { AppAchievementSeriesData, AppNameCardsData } from "../../data/index.js";
|
import { AppAchievementSeriesData, AppNameCardsData } from "../../data/index.js";
|
||||||
import TSUserAchi from "../../plugins/Sqlite/modules/userAchi.js";
|
import TSUserAchi from "../../plugins/Sqlite/modules/userAchi.js";
|
||||||
@@ -161,7 +161,8 @@ function switchAchiInfo(next: boolean): void {
|
|||||||
.tua-al-container {
|
.tua-al-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: fit-content;
|
||||||
|
max-height: 100%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
row-gap: 10px;
|
row-gap: 10px;
|
||||||
|
|||||||
@@ -78,7 +78,7 @@ const avatarBox = computed<TItemBoxData>(() => {
|
|||||||
innerText: avatar.name,
|
innerText: avatar.name,
|
||||||
innerHeight: 30,
|
innerHeight: 30,
|
||||||
display: "inner",
|
display: "inner",
|
||||||
clickable: false,
|
clickable: true,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
const weaponBox = computed<TItemBoxData>(() => {
|
const weaponBox = computed<TItemBoxData>(() => {
|
||||||
@@ -95,7 +95,7 @@ const weaponBox = computed<TItemBoxData>(() => {
|
|||||||
innerText: weapon.name,
|
innerText: weapon.name,
|
||||||
innerHeight: 20,
|
innerHeight: 20,
|
||||||
display: "inner",
|
display: "inner",
|
||||||
clickable: false,
|
clickable: true,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
const relicsBox = computed<AvatarRelics>(() => {
|
const relicsBox = computed<AvatarRelics>(() => {
|
||||||
@@ -144,6 +144,7 @@ function getWeaponTitle(): string {
|
|||||||
border: 1px inset var(--common-shadow-2);
|
border: 1px inset var(--common-shadow-2);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: var(--box-bg-2);
|
background: var(--box-bg-2);
|
||||||
|
cursor: pointer;
|
||||||
row-gap: 5px;
|
row-gap: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user