Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-18 04:23:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 微调

Browse Source
This commit is contained in:
BTMuli
2025-12-06 23:23:27 +08:00
parent ca4befd0ca
commit 06c0253bb2
4 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/pageWiki/twc-constellations.vue
View File

@@ -69,7 +69,9 @@ watch(() => props.data, loadData);
}
.twc-constellation-desc {
padding-left: 10px;
padding: 8px;
border-radius: 4px;
background: var(--box-bg-1);
white-space: pre-wrap;
}
</style>

4
src/components/pageWiki/twc-skills.vue
View File

@@ -76,7 +76,9 @@ watch(() => props.data, loadData);
}
.twc-skill-special {
padding-left: 10px;
padding: 8px;
border-radius: 4px;
background: var(--box-bg-1);
white-space: pre-wrap;
}
</style>

20
src/pages/WIKI/Weapon.vue
View File

@@ -1,19 +1,19 @@
<!-- TODO: UI一致性 -->
<!-- 武器Wiki TODO: UI一致性 -->
<template>
<div class="ww-box">
<div class="ww-left">
<div class="ww-select">
<v-btn @click="showSelect = true" class="ww-btn">筛选武器</v-btn>
<v-btn @click="resetSelect = true" class="ww-btn">重置筛选</v-btn>
<v-btn class="ww-btn" @click="showSelect = true">筛选武器</v-btn>
<v-btn class="ww-btn" @click="resetSelect = true">重置筛选</v-btn>
</div>
<div class="ww-list">
<TwcListItem
v-for="(item, index) in cardsInfo"
v-model:cur-item="curItem"
:key="index"
v-model:cur-item="curItem"
:data="item"
@click="switchW(item)"
mode="weapon"
@click="switchW(item)"
/>
</div>
</div>
@@ -21,7 +21,7 @@
<TwcWeapon :item="curItem" @error="toOuter(curItem)" />
</div>
</div>
<TwoSelectW v-model="showSelect" @select-w="handleSelectW" v-model:reset="resetSelect" />
<TwoSelectW v-model="showSelect" v-model:reset="resetSelect" @select-w="handleSelectW" />
</template>
<script lang="ts" setup>
import showDialog from "@comp/func/dialog.js";
@@ -35,10 +35,16 @@ import { useRoute } from "vue-router";
import { AppWeaponData } from "@/data/index.js";
const sortedData = AppWeaponData.sort((a, b) => {
if (a.star !== b.star) return b.star - a.star;
if (a.weapon !== b.weapon) return a.weapon.localeCompare(b.weapon);
return b.id - a.id;
});
const id = useRoute().params.id.toString() ?? "0";
const showSelect = ref<boolean>(false);
const resetSelect = ref<boolean>(false);
const cardsInfo = shallowRef<Array<TGApp.App.Weapon.WikiBriefInfo>>(AppWeaponData);
const cardsInfo = shallowRef<Array<TGApp.App.Weapon.WikiBriefInfo>>(sortedData);
const curItem = shallowRef<TGApp.App.Weapon.WikiBriefInfo>({
id: 0,
contentId: 0,