motion-classic
This commit is contained in:
parent
a27e168865
commit
018cd2d099
|
|
@ -244,12 +244,12 @@ onMounted(() => {
|
||||||
<img alt="" class="w-full" src="/img/about/banner.png">
|
<img alt="" class="w-full" src="/img/about/banner.png">
|
||||||
<UPageSection
|
<UPageSection
|
||||||
:style="{ backgroundImage: `url('/img/about/bg.png')` , }"
|
: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">
|
<UTabs :items="items" :ui="{ trigger: 'grow' }" class="gap-4 w-full">
|
||||||
<template #team="{ item }">
|
<template #team="{ item }">
|
||||||
<Motion
|
<Motion
|
||||||
:initial="{ x: 100, opacity: 0 }"
|
|
||||||
:animate="{ x: 0, opacity: 1 }"
|
:animate="{ x: 0, opacity: 1 }"
|
||||||
|
:initial="{ x: 100, opacity: 0 }"
|
||||||
:transition="{ duration: 0.6, ease: 'easeOut' }"
|
:transition="{ duration: 0.6, ease: 'easeOut' }"
|
||||||
>
|
>
|
||||||
<view class="grid lg:grid-cols-[2fr_3fr] gap-4 items-center">
|
<view class="grid lg:grid-cols-[2fr_3fr] gap-4 items-center">
|
||||||
|
|
@ -261,8 +261,8 @@ onMounted(() => {
|
||||||
|
|
||||||
<template #advantage="{ item }">
|
<template #advantage="{ item }">
|
||||||
<Motion
|
<Motion
|
||||||
:initial="{ x: 100, opacity: 0 }"
|
|
||||||
:animate="{ x: 0, opacity: 1 }"
|
:animate="{ x: 0, opacity: 1 }"
|
||||||
|
:initial="{ x: 100, opacity: 0 }"
|
||||||
:transition="{ duration: 0.6, ease: 'easeOut' }"
|
:transition="{ duration: 0.6, ease: 'easeOut' }"
|
||||||
>
|
>
|
||||||
<div class="space-y-6 ">
|
<div class="space-y-6 ">
|
||||||
|
|
@ -287,8 +287,8 @@ onMounted(() => {
|
||||||
|
|
||||||
<template #record="{ item }">
|
<template #record="{ item }">
|
||||||
<Motion
|
<Motion
|
||||||
:initial="{ x: 100, opacity: 0 }"
|
|
||||||
:animate="{ x: 0, opacity: 1 }"
|
:animate="{ x: 0, opacity: 1 }"
|
||||||
|
:initial="{ x: 100, opacity: 0 }"
|
||||||
:transition="{ duration: 0.6, ease: 'easeOut' }"
|
:transition="{ duration: 0.6, ease: 'easeOut' }"
|
||||||
>
|
>
|
||||||
<view/>
|
<view/>
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@ const demonstrationFields = [
|
||||||
<view
|
<view
|
||||||
v-for="(field, index) in industryPlatforms"
|
v-for="(field, index) in industryPlatforms"
|
||||||
:key="index"
|
: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
|
<img
|
||||||
:alt="field.name"
|
:alt="field.name"
|
||||||
|
|
@ -97,7 +97,7 @@ description:'font-semibold text-lg',
|
||||||
<view
|
<view
|
||||||
v-for="(field, index) in demonstrationFields"
|
v-for="(field, index) in demonstrationFields"
|
||||||
:key="index"
|
: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
|
<img
|
||||||
:alt="field.name"
|
:alt="field.name"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user