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

🎨 调整点击逻辑

Browse Source
This commit is contained in:
目棃
2024-10-13 12:10:00 +08:00
parent 18507b6273
commit be24bdc7ce
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/main/t-annocard.vue
View File

@@ -1,13 +1,13 @@
<template>
<div :id="`anno_card_${props.modelValue.id}`" class="anno-card">
<div class="anno-cover" :title="props.modelValue.title">
<img :src="localBanner" alt="cover" @click="createAnno" v-if="localBanner" />
<div class="anno-cover" :title="props.modelValue.title" @click="createAnno">
<img :src="localBanner" alt="cover" v-if="localBanner" />
<v-progress-circular
color="primary"
:indeterminate="true"
v-else-if="props.modelValue.banner !== ''"
/>
<img src="/source/UI/defaultCover.webp" alt="cover" @click="createAnno" v-else />
<img src="/source/UI/defaultCover.webp" alt="cover" v-else />
<div class="anno-info">
<div class="anno-time">
<v-icon>mdi-clock-time-four-outline</v-icon>
@@ -109,6 +109,7 @@ async function shareAnno(): Promise<void> {
align-items: center;
justify-content: center;
aspect-ratio: 36 / 13;
cursor: pointer;
}
.anno-cover img {
@@ -177,7 +178,6 @@ async function shareAnno(): Promise<void> {
}
.anno-cover img:hover {
cursor: pointer;
transform: scale(1.1);
transition: all 0.3s linear;
}

8
src/components/main/t-postcard.vue
View File

@@ -1,9 +1,9 @@
<template>
<div v-if="card" :id="`post-card-${card.postId}`" class="tpc-card">
<div class="tpc-cover">
<img :src="localCover" alt="cover" @click="createPost(card)" v-if="localCover" />
<div class="tpc-cover" @click="createPost(card)">
<img :src="localCover" alt="cover" v-if="localCover" />
<v-progress-circular color="primary" :indeterminate="true" v-else-if="card.cover !== ''" />
<img src="/source/UI/defaultCover.webp" alt="cover" @click="createPost(card)" v-else />
<img src="/source/UI/defaultCover.webp" alt="cover" v-else />
<div v-if="isAct" class="tpc-act">
<div class="tpc-status" :style="{ background: card.status?.colorCss }">
{{ card.status?.status }}
@@ -251,6 +251,7 @@ async function shareCard(): Promise<void> {
justify-content: center;
aspect-ratio: 36 / 13;
background: var(--common-shadow-2);
cursor: pointer;
}
.tpc-cover img {
@@ -319,7 +320,6 @@ async function shareCard(): Promise<void> {
}
.tpc-cover img:hover {
cursor: pointer;
transform: scale(1.1);
transition: all 0.3s linear;
}