WindowBird/beehive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

motion-classic

Browse Source
This commit is contained in:
WindowBird 2025-10-27 13:53:59 +08:00
parent a27e168865
commit 018cd2d099
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/pages/about/index.vue
View File

@ -244,13 +244,13 @@ onMounted(() => {
<img alt="" class="w-full" src="/img/about/banner.png">
<UPageSection
:style="{ backgroundImage: `url('/img/about/bg.png')` , }"
class="space-y-6 bg-cover bg-no-repeat bg-center w-full mb-4">
class="space-y-6 bg-fixed bg-cover bg-no-repeat bg-center w-full mb-4">
<UTabs :items="items" :ui="{ trigger: 'grow' }" class="gap-4 w-full">
<template #team="{ item }">
<Motion
:initial="{ x: 100, opacity: 0 }"
:animate="{ x: 0, opacity: 1 }"
:transition="{ duration: 0.6, ease: 'easeOut' }"
:animate="{ x: 0, opacity: 1 }"
:initial="{ x: 100, opacity: 0 }"
:transition="{ duration: 0.6, ease: 'easeOut' }"
>
<view class="grid lg:grid-cols-[2fr_3fr] gap-4 items-center">
<img alt="" src="/img/about/teamPhoto.png">
@ -261,9 +261,9 @@ onMounted(() => {
<template #advantage="{ item }">
<Motion
:initial="{ x: 100, opacity: 0 }"
:animate="{ x: 0, opacity: 1 }"
:transition="{ duration: 0.6, ease: 'easeOut' }"
:animate="{ x: 0, opacity: 1 }"
:initial="{ x: 100, opacity: 0 }"
:transition="{ duration: 0.6, ease: 'easeOut' }"
>
<div class="space-y-6 ">
<UPageCard
@ -284,12 +284,12 @@ onMounted(() => {
</div>
</Motion>
</template>
<template #record="{ item }">
<Motion
:initial="{ x: 100, opacity: 0 }"
:animate="{ x: 0, opacity: 1 }"
:transition="{ duration: 0.6, ease: 'easeOut' }"
:animate="{ x: 0, opacity: 1 }"
:initial="{ x: 100, opacity: 0 }"
:transition="{ duration: 0.6, ease: 'easeOut' }"
>
<view/>
<UTimeline

8
app/pages/classic/index.vue
View File

@ -66,12 +66,12 @@ const demonstrationFields = [
<view
v-for="(field, index) in industryPlatforms"
:key="index"
class="flex flex-col items-center justify-center text-center"
class="flex flex-col items-center justify-center text-center p-6 rounded-xl hover:shadow-2xl hover:scale-105 transition-all duration-300 bg-white"
>
<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 rounded-2xl "
class="flex flex-col items-center justify-center text-center rounded-xl p-6 hover:shadow-2xl hover:scale-105 transition-all duration-300 bg-white"
>
<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>