lq/spa-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页和详情相关项目跳转

Browse Source
This commit is contained in:
年糕崽崽
2025-04-25 12:27:42 +08:00
parent 02a9c72c06
commit a04c21152a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/frontend/Detail.vue
View File

@@ -348,6 +348,7 @@ const formatPrice = (price) => {
v-for="related in relatedProjects"
:key="related.id"
class="group bg-white dark:bg-gray-800 rounded-3xl shadow-lg hover:shadow-xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 cursor-pointer"
@click="$router.push(`/project/${related.id}`)"
>
<div class="relative h-48 overflow-hidden">
<img

6
src/views/frontend/Home.vue
View File

@@ -146,7 +146,7 @@ const breakpoints = {
}"
:navigation="true"
:loop="true"
class="rounded-[2rem] overflow-hidden shadow-[0_20px_50px_rgba(8,112,184,0.15)] hover:shadow-[0_25px_60px_rgba(8,112,184,0.2)] transition-all duration-700"
class="rounded-[2rem] overflow-hidden shadow-[0_20px_50px_rgba(8,112,184,0.01)] hover:shadow-[0_25px_60px_rgba(8,112,184,0.2)] transition-all duration-700"
>
<swiper-slide
v-for="(project, index) in carousel"
@@ -154,10 +154,10 @@ const breakpoints = {
class="group cursor-pointer"
@click="$router.push(`/project/${project.route}`)"
>
<div class="relative h-[70vh] max-h-[700px] min-h-[500px] w-full overflow-hidden">
<div class="relative h-[70vh] max-h-[800px] min-h-[500px] w-full overflow-hidden">
<img
:src="project.cover"
class="absolute inset-0 w-full h-full object-cover transition-transform duration-7000 group-hover:scale-105"
class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
alt="Project Cover"
/>
<div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent"></div>