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

🐛 修复 hover 时 border-radius 消失问题

Browse Source
This commit is contained in:
BTMuli
2023-06-28 11:23:15 +08:00
parent c8963efc98
commit 20a2329e10
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/main/t-position.vue
View File

@@ -10,7 +10,7 @@
<v-list-item :title="card.title" :subtitle="card.abstract"> <v-list-item :title="card.title" :subtitle="card.abstract">
<template #prepend> <template #prepend>
<v-avatar rounded="0" @click="toPost(card)"> <v-avatar rounded="0" @click="toPost(card)">
<v-img :src="card.icon" /> <v-img :src="card.icon" class="position-icon" />
</v-avatar> </v-avatar>
</template> </template>
<template #append> <template #append>
@@ -175,15 +175,22 @@ onUnmounted(() => {
font-family: var(--font-title); font-family: var(--font-title);
} }
.position-list :deep(img) { .position-icon {
overflow: hidden;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 5px; border-radius: 5px;
object-fit: contain; object-fit: contain;
}
.position-icon :deep(img) {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s; transition: all 0.3s;
} }
.position-list :deep(img):hover { .position-icon :hover {
cursor: pointer; cursor: pointer;
scale: 1.5; scale: 1.5;
} }