mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 15:36:49 +08:00
优化 SubscribeCard 组件的图片点击事件
This commit is contained in:
@@ -341,7 +341,7 @@ function onSubscribeEditRemove() {
|
|||||||
<div>
|
<div>
|
||||||
<VCardText class="flex items-center">
|
<VCardText class="flex items-center">
|
||||||
<div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
|
<div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
|
||||||
<VImg :src="posterUrl" aspect-ratio="2/3" cover @click.stop="viewMediaDetail">
|
<VImg :src="posterUrl" aspect-ratio="2/3" cover>
|
||||||
<template #placeholder>
|
<template #placeholder>
|
||||||
<div class="w-full h-full">
|
<div class="w-full h-full">
|
||||||
<VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
|
<VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
|
||||||
|
|||||||
@@ -330,6 +330,23 @@ onMounted(() => {
|
|||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shortcut-icon-wrapper {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 12px;
|
||||||
|
background-color: rgba(var(--v-theme-primary), 0.08);
|
||||||
|
block-size: 48px;
|
||||||
|
inline-size: 48px;
|
||||||
|
margin-inline-end: 16px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
|
||||||
|
.v-icon {
|
||||||
|
color: rgba(var(--v-theme-primary), 1);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.shortcut-item {
|
.shortcut-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
@@ -377,23 +394,6 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shortcut-icon-wrapper {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 12px;
|
|
||||||
background-color: rgba(var(--v-theme-primary), 0.08);
|
|
||||||
block-size: 48px;
|
|
||||||
inline-size: 48px;
|
|
||||||
margin-inline-end: 16px;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
|
|
||||||
.v-icon {
|
|
||||||
color: rgba(var(--v-theme-primary), 1);
|
|
||||||
transition: transform 0.3s ease;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shortcut-text {
|
.shortcut-text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user