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