mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-19 10:23:21 +08:00
♻️ 复用方法提出来,暂时砍掉数值渲染
This commit is contained in:
@@ -16,7 +16,9 @@
|
||||
</v-tabs>
|
||||
<v-window v-model="tab">
|
||||
<v-window-item :value="item.name" v-for="(item, index) in tabValues" :key="index">
|
||||
{{ data[index] }}
|
||||
<div class="twc-skill-special">
|
||||
<span v-html="parseHtmlText(data[index].Description)"></span>
|
||||
</div>
|
||||
</v-window-item>
|
||||
</v-window>
|
||||
</div>
|
||||
@@ -24,8 +26,10 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, ref } from "vue";
|
||||
|
||||
import { parseHtmlText } from "../../utils/toolFunc";
|
||||
|
||||
interface TwcSkillsProps {
|
||||
data: TGApp.Plugins.Hutao.Character.RhisdSkill[];
|
||||
data: TGApp.App.Character.WikiSkill[];
|
||||
}
|
||||
|
||||
const props = defineProps<TwcSkillsProps>();
|
||||
@@ -62,4 +66,13 @@ onMounted(() => {
|
||||
.dark .twc-skill-tab img {
|
||||
filter: brightness(0.75);
|
||||
}
|
||||
|
||||
.twc-skill-normal {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.twc-skill-special {
|
||||
padding-left: 10px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user