新闻页动效优化

This commit is contained in:
WindowBird 2025-10-25 17:44:06 +08:00
parent 3a23aa3d9d
commit 4c5fe080f6
2 changed files with 4 additions and 3 deletions

View File

@ -71,7 +71,7 @@ const demonstrationFields = [
<img
:alt="field.name"
:src="field.image"
class="w-full rounded-lg shadow-sm mb-2"
class="w-full rounded-lg shadow-sm mb-2 "
>
<text class="py-2 text-lg font-bold">{{ field.name }}</text>
</view>
@ -97,12 +97,12 @@ description:'font-semibold text-lg',
<view
v-for="(field, index) in demonstrationFields"
:key="index"
class="flex flex-col items-center justify-center text-center"
class="flex flex-col items-center justify-center text-center rounded-2xl "
>
<img
:alt="field.name"
:src="field.image"
class="w-full rounded-lg shadow-sm mb-2"
class="w-full rounded-lg shadow-sm mb-2 "
>
<text class="py-2 text-lg font-bold">{{ field.name }}</text>
</view>

View File

@ -64,6 +64,7 @@ const page = ref(1)
root:'group',
container: 'relative grid lg:grid-cols-[1fr_4fr] gap-8 p-6',
}"
class="hover:shadow-2xl hover:scale-105 hover:translate-x-8"
orientation="horizontal"
reverse
spotlight