guofei
/
addseed-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: change lottie json from oss

main
guofei 2025-02-22 19:36:51 +08:00
parent 310dbbb495
commit 86fb427559
7 changed files with 2513 additions and 2865 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5306
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

12
src/app/components/lottieAnims/Anim1.tsx
View File

@ -1,14 +1,14 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Lottie from "lottie-react"; import Lottie from "lottie-react";
import animationData from "public/aeJson/logoAnim.json"; const animationData = "https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/lottie-json/logoAnim.json";
const logoAnim = () => { const logoAnim = () => {
return ( return (
<div className="absolute w-[908px] h-[356px] right-[-40px]" style={{ transform: "translate(-40px, 4px)" }}> <div className="absolute w-[908px] h-[356px] right-[-40px]" style={{ transform: "translate(-40px, 4px)" }}>
<Lottie animationData={animationData} loop={true} autoplay /> <Lottie animationData={animationData} loop={true} autoplay />
</div> </div>
); );
}; };
export default logoAnim; export default logoAnim;

12
src/app/components/lottieAnims/Anim2.tsx
View File

@ -1,14 +1,14 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Lottie from "lottie-react"; import Lottie from "lottie-react";
import animationData from "public/aeJson/custom.json"; const animationData = "https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/lottie-json/custom.json";
const Anim1 = () => { const Anim1 = () => {
return ( return (
<div className="absolute top-[30px]"> <div className="absolute top-[30px]">
<Lottie animationData={animationData} loop={true} autoplay className="translate-x-[24px] translate-y-[3 0px]" /> <Lottie animationData={animationData} loop={true} autoplay className="translate-x-[24px] translate-y-[3 0px]" />
</div> </div>
); );
}; };
export default Anim1; export default Anim1;

12
src/app/components/lottieAnims/Anim3.tsx
View File

@ -1,14 +1,14 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Lottie from "lottie-react"; import Lottie from "lottie-react";
import ABData from "public/aeJson/AB.json"; const ABData = "https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/lottie-json/AB.json";
const Anim1 = () => { const Anim1 = () => {
return ( return (
<div className="absolute right-[-100px] w-[888px]"> <div className="absolute right-[-100px] w-[888px]">
<Lottie animationData={ABData} loop={true} autoplay className="translate-x-[-93px] translate-y-[-12px]" /> <Lottie animationData={ABData} loop={true} autoplay className="translate-x-[-93px] translate-y-[-12px]" />
</div> </div>
); );
}; };
export default Anim1; export default Anim1;

12
src/app/components/lottieAnims/LightWeight.tsx
View File

@ -1,14 +1,14 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Lottie from "lottie-react"; import Lottie from "lottie-react";
import LightWeight from "public/aeJson/LightWeight.json"; const LightWeight = "https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/lottie-json/LightWeight.json";
const LightWeightAnim = () => { const LightWeightAnim = () => {
return ( return (
<div className="absolute w-[908px] h-[356px] left-[-40px] top-[-30px]"> <div className="absolute w-[908px] h-[356px] left-[-40px] top-[-30px]">
<Lottie animationData={LightWeight} loop={true} autoplay style={{ transform: "scale(0.98) translate(10px, 0)" }} /> <Lottie animationData={LightWeight} loop={true} autoplay style={{ transform: "scale(0.98) translate(10px, 0)" }} />
</div> </div>
); );
}; };
export default LightWeightAnim; export default LightWeightAnim;

12
src/app/components/lottieAnims/MultiChannel.tsx
View File

@ -1,14 +1,14 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Lottie from "lottie-react"; import Lottie from "lottie-react";
import MultiChannl from "public/aeJson/MultiChannl.json"; const MultiChannl = "https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/lottie-json/MultiChannl.json";
const Anim1 = () => { const Anim1 = () => {
return ( return (
<div className="absolute right-0 w-[742px] h-[317px]"> <div className="absolute right-0 w-[742px] h-[317px]">
<Lottie animationData={MultiChannl} loop={true} autoplay style={{ transform: "translate(-45px, 4px)" }} /> <Lottie animationData={MultiChannl} loop={true} autoplay style={{ transform: "translate(-45px, 4px)" }} />
</div> </div>
); );
}; };
export default Anim1; export default Anim1;

12
src/app/components/lottieAnims/MultiLanguage.tsx
View File

@ -1,14 +1,14 @@
"use client"; "use client";
import React from "react"; import React from "react";
import Lottie from "lottie-react"; import Lottie from "lottie-react";
import MultiLanguage from "public/aeJson/MultiLanguage.json"; const MultiLanguage = "https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/lottie-json/MultiLanguage.json";
const Anim1 = () => { const Anim1 = () => {
return ( return (
<div className="absolute w-[731px] left-[-33px] top-[-20px]"> <div className="absolute w-[731px] left-[-33px] top-[-20px]">
<Lottie animationData={MultiLanguage} loop={true} autoplay style={{ transform: "translate(35px, 74px)" }} /> <Lottie animationData={MultiLanguage} loop={true} autoplay style={{ transform: "translate(35px, 74px)" }} />
</div> </div>
); );
}; };
export default Anim1; export default Anim1;