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

style(css): 删除无用 class

Browse Source
This commit is contained in:
BTMuli
2023-03-27 15:22:14 +08:00
parent 696ea68255
commit 170594c446
1 changed files with 57 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/pages/Achievements.vue
View File

@@ -29,7 +29,6 @@
<!-- 左侧菜单 -->
<v-col class="left-wrap">
<v-card
class="left-list"
v-for="(series, index) in seriesList"
@click="selectSeries(index)"
style="margin-bottom: 10px"
@@ -49,66 +48,64 @@
</v-col>
<!-- 右侧内容-->
<v-col cols="9" class="right-wrap">
<div class="right-list">
<v-card
v-show="selectedIndex !== -1 && selectedSeries !== 0 && selectedSeries !== 17"
style="margin-bottom: 10px"
@click="openImg()"
<v-card
v-show="selectedIndex !== -1 && selectedSeries !== 0 && selectedSeries !== 17"
style="margin-bottom: 10px"
@click="openImg()"
>
<v-list
:style="{
backgroundImage: 'url(' + getCardInfo.bg || null + ')',
backgroundPosition: 'right',
backgroundSize: 'auto 100%',
backgroundRepeat: 'no-repeat',
}"
>
<v-list
:style="{
backgroundImage: 'url(' + getCardInfo.bg || null + ')',
backgroundPosition: 'right',
backgroundSize: 'auto 100%',
backgroundRepeat: 'no-repeat',
}"
>
<v-list-item>
<template v-slot:prepend>
<v-img width="80px" style="margin-right: 10px" :src="getCardInfo.icon" />
</template>
<v-list-item-title>{{ getCardInfo.name }}</v-list-item-title>
<v-list-item-subtitle>{{ getCardInfo.description }}</v-list-item-subtitle>
</v-list-item>
</v-list>
</v-card>
<v-card
v-for="achievement in selectedAchievement"
:key="achievement.id"
style="margin-bottom: 10px"
>
<v-list class="card-bg-right">
<v-list-item>
<template v-slot:prepend>
<v-icon :color="achievement.completed ? '#FFD22F' : '#393B40'">
{{ achievement.completed ? "mdi-check-circle" : "mdi-circle" }}
</v-icon>
</template>
<v-list-item-title>
{{ achievement.name }}
{{ achievement.progress !== 0 ? "| " + achievement.progress : null }}
</v-list-item-title>
<v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle>
<template v-slot:append>
<span v-show="achievement.completed" class="right-time">{{
achievement.completed_time
}}</span>
<v-btn width="80px" class="reward-btn">
<template v-slot:append>
<img
src="/source/material/原石.webp"
alt="原石"
class="icon"
style="width: 32px"
/>
</template>
{{ achievement.reward }}
</v-btn>
</template>
</v-list-item>
</v-list>
</v-card>
</div>
<v-list-item>
<template v-slot:prepend>
<v-img width="80px" style="margin-right: 10px" :src="getCardInfo.icon" />
</template>
<v-list-item-title>{{ getCardInfo.name }}</v-list-item-title>
<v-list-item-subtitle>{{ getCardInfo.description }}</v-list-item-subtitle>
</v-list-item>
</v-list>
</v-card>
<v-card
v-for="achievement in selectedAchievement"
:key="achievement.id"
style="margin-bottom: 10px"
>
<v-list class="card-bg-right">
<v-list-item>
<template v-slot:prepend>
<v-icon :color="achievement.completed ? '#FFD22F' : '#393B40'">
{{ achievement.completed ? "mdi-check-circle" : "mdi-circle" }}
</v-icon>
</template>
<v-list-item-title>
{{ achievement.name }}
{{ achievement.progress !== 0 ? "| " + achievement.progress : null }}
</v-list-item-title>
<v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle>
<template v-slot:append>
<span v-show="achievement.completed" class="right-time">{{
achievement.completed_time
}}</span>
<v-btn width="80px" class="reward-btn">
<template v-slot:append>
<img
src="/source/material/原石.webp"
alt="原石"
class="icon"
style="width: 32px"
/>
</template>
{{ achievement.reward }}
</v-btn>
</template>
</v-list-item>
</v-list>
</v-card>
</v-col>
</v-row>
</div>