新闻页动效优化
This commit is contained in:
parent
3a23aa3d9d
commit
4c5fe080f6
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user