This commit is contained in:
scout 2025-02-26 15:30:42 +08:00
commit 9ab4a4590a
39 changed files with 61 additions and 84 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 605 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 564 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 685 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 678 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 543 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 548 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 553 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 637 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 465 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 463 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 500 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 446 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 453 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 866 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 870 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 843 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 869 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 988 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 750 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 720 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 740 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 778 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 727 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 708 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 723 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 KiB

View File

@ -28,7 +28,7 @@ function getBrowserLanguage() {
// 获取存储的语言或浏览器语言 // 获取存储的语言或浏览器语言
// const savedLanguage = 'zh' // const savedLanguage = 'zh'
// localStorage.setItem('language', 'zh-TW') // localStorage.setItem('language', 'zh')
const savedLanguage = localStorage.getItem('language') || getBrowserLanguage() const savedLanguage = localStorage.getItem('language') || getBrowserLanguage()
const i18n = createI18n({ const i18n = createI18n({
legacy: false, // 使用 Composition API legacy: false, // 使用 Composition API

View File

@ -361,7 +361,7 @@
" "
class="w-full px-[184px]" class="w-full px-[184px]"
> >
<div class="w-full mt-[288px] text-[#fff] text-[82px]"> <div class="w-full mt-[288px] text-[#fff] text-[82px] font-semibold">
{{ $t("businessintroduction.cooperation.timeline.year2025.title") }} {{ $t("businessintroduction.cooperation.timeline.year2025.title") }}
</div> </div>
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]"> <div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
@ -376,7 +376,7 @@
" "
class="w-full px-[184px] mt-[80px]" class="w-full px-[184px] mt-[80px]"
> >
<div class="w-full mt-[159px] text-[#fff] text-[82px]"> <div class="w-full mt-[159px] text-[#fff] text-[82px] font-semibold">
{{ $t("businessintroduction.cooperation.timeline.year2026.title") }} {{ $t("businessintroduction.cooperation.timeline.year2026.title") }}
</div> </div>
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]"> <div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
@ -391,7 +391,7 @@
" "
class="w-full px-[184px] mt-[80px]" class="w-full px-[184px] mt-[80px]"
> >
<div class="w-full mt-[154px] text-[#fff] text-[82px]"> <div class="w-full mt-[154px] text-[#fff] text-[82px] font-semibold">
{{ $t("businessintroduction.cooperation.timeline.year2027.title") }} {{ $t("businessintroduction.cooperation.timeline.year2027.title") }}
</div> </div>
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]"> <div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">

View File

@ -31,15 +31,8 @@
</div> </div>
</header> </header>
<main> <main>
<section className="relative pb-[900px]"> <section className="relative pb-[900px] section-first bg-[#F8F9FF]">
<div class="absolute top-[0px] right-[0px]"> <div class="pt-[718px] relative">
<img
src="@/assets/image/businessintroduction/768/bg-6.png"
class="w-[1652px] h-[1865px]"
/>
</div>
<div class="pt-[718px]">
<div <div
class="w-full title ml-[188px] line-2" class="w-full title ml-[188px] line-2"
:ref=" :ref="
@ -62,30 +55,10 @@
{{ $t("businessintroduction.hero.desc") }} {{ $t("businessintroduction.hero.desc") }}
</div> </div>
</div> </div>
<div
:ref="
(el) => {
moveRefs[3].value = el;
}
"
class="absolute bottom-[-340px] right-[0px] z-4"
>
<img
src="@/assets/image/businessintroduction/768/bg-2.png"
class="w-[960px] h-[955px]"
/>
</div>
<div class="absolute bottom-[-660px] left-[0px]">
<img
src="@/assets/image/businessintroduction/768/bg-7.png"
class="w-[842px] h-[1798px]"
/>
</div>
</section> </section>
<section class="section-sec relative"> <section class="relative bg-[#F8F9FF]">
<div class="flex flex-wrap justify-center pt-[400px] pb-[270px]"> <div class="flex flex-wrap justify-center pt-[240px] pb-[270px]">
<div class="w-full px-[188px]"> <div class="w-full px-[188px]">
<div class="text-[#8B59F7] text-[40px] font-semibold"> <div class="text-[#8B59F7] text-[40px] font-semibold">
{{ $t("businessintroduction.industry.label") }} {{ $t("businessintroduction.industry.label") }}
@ -698,16 +671,16 @@ const goToSection = (i) => {
.section-first { .section-first {
width: 100%; width: 100%;
background: url("@/assets/image/businessintroduction/768/bg-6.png"); background-image: url("@/assets/image/businessintroduction/768/bg-6.png");
background-size: cover; background-size: cover;
background-position: center; background-position: bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.section-sec { .section-sec {
z-index: 2; z-index: 2;
background: url("@/assets/image/businessintroduction/768/bg-12.png"); background: url("@/assets/image/businessintroduction/768/bg-12.png");
background-size: cover; background-size: cover;
background-position: top-center; background-position: top;
background-repeat: no-repeat; background-repeat: no-repeat;
} }

View File

@ -836,7 +836,7 @@ const handleCarouselClick = (item, event) => {
} }
.carousel-content { .carousel-content {
padding: 0 20px 0 60px; padding: 0 20px 0 20px;
margin-top: 38px; margin-top: 38px;
} }

View File

@ -84,7 +84,9 @@
<div class="text-[#8B59F7] text-[72px]"> <div class="text-[#8B59F7] text-[72px]">
{{ t("home.section3.label") }} {{ t("home.section3.label") }}
</div> </div>
<div class="text-[#10253E] text-[113px] mt-[87px]">FiEE</div> <div class="text-[#10253E] text-[113px] mt-[87px] font-semibold">
FiEE
</div>
<div class="text-[#455363] text-[72px] mt-[159px]"> <div class="text-[#455363] text-[72px] mt-[159px]">
{{ t("home.section3.desc") }} {{ t("home.section3.desc") }}
</div> </div>
@ -99,7 +101,7 @@
/> />
<div <div
class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle" class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.data.title") }} {{ t("home.section3.features.data.title") }}
</div> </div>
@ -117,7 +119,7 @@
/> />
<div <div
class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle" class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.ai.title") }} {{ t("home.section3.features.ai.title") }}
</div> </div>
@ -135,7 +137,7 @@
/> />
<div <div
class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle" class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.cloud.title") }} {{ t("home.section3.features.cloud.title") }}
</div> </div>
@ -153,7 +155,7 @@
/> />
<div <div
class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle" class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.cooperation.title") }} {{ t("home.section3.features.cooperation.title") }}
</div> </div>
@ -171,7 +173,7 @@
/> />
<div <div
class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle" class="text-[#10253E] text-[82px] mt-[154px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.promotion.title") }} {{ t("home.section3.features.promotion.title") }}
</div> </div>
@ -309,31 +311,31 @@ const { t } = useI18n();
// //
const carouselImages = { const carouselImages = {
zh: [ zh: [
new URL("@/assets/image/home/375/zh/carousel-1.png", import.meta.url).href, new URL("@/assets/image/home/375/zh/carousel-1.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/zh/carousel-2.png", import.meta.url).href, new URL("@/assets/image/home/375/zh/carousel-2.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/zh/carousel-3.png", import.meta.url).href, new URL("@/assets/image/home/375/zh/carousel-3.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/zh/carousel-4.png", import.meta.url).href, new URL("@/assets/image/home/375/zh/carousel-4.jpg", import.meta.url).href,
], ],
en: [ en: [
new URL("@/assets/image/home/375/en/carousel-1.png", import.meta.url).href, new URL("@/assets/image/home/375/en/carousel-1.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/en/carousel-2.png", import.meta.url).href, new URL("@/assets/image/home/375/en/carousel-2.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/en/carousel-3.png", import.meta.url).href, new URL("@/assets/image/home/375/en/carousel-3.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/en/carousel-4.png", import.meta.url).href, new URL("@/assets/image/home/375/en/carousel-4.jpg", import.meta.url).href,
], ],
ja: [ ja: [
new URL("@/assets/image/home/375/ja/carousel-1.png", import.meta.url).href, new URL("@/assets/image/home/375/ja/carousel-1.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/ja/carousel-2.png", import.meta.url).href, new URL("@/assets/image/home/375/ja/carousel-2.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/ja/carousel-3.png", import.meta.url).href, new URL("@/assets/image/home/375/ja/carousel-3.jpg", import.meta.url).href,
new URL("@/assets/image/home/375/ja/carousel-4.png", import.meta.url).href, new URL("@/assets/image/home/375/ja/carousel-4.jpg", import.meta.url).href,
], ],
"zh-TW": [ "zh-TW": [
new URL("@/assets/image/home/375/zh-TW/carousel-1.png", import.meta.url) new URL("@/assets/image/home/375/zh-TW/carousel-1.jpg", import.meta.url)
.href, .href,
new URL("@/assets/image/home/375/zh-TW/carousel-2.png", import.meta.url) new URL("@/assets/image/home/375/zh-TW/carousel-2.jpg", import.meta.url)
.href, .href,
new URL("@/assets/image/home/375/zh-TW/carousel-3.png", import.meta.url) new URL("@/assets/image/home/375/zh-TW/carousel-3.jpg", import.meta.url)
.href, .href,
new URL("@/assets/image/home/375/zh-TW/carousel-4.png", import.meta.url) new URL("@/assets/image/home/375/zh-TW/carousel-4.jpg", import.meta.url)
.href, .href,
], ],
}; };

View File

@ -73,7 +73,9 @@
<div class="text-[#8B59F7] text-[40px]"> <div class="text-[#8B59F7] text-[40px]">
{{ t("home.section3.label") }} {{ t("home.section3.label") }}
</div> </div>
<div class="text-[#10253E] text-[85px] mt-[43px]">FiEE</div> <div class="text-[#10253E] text-[85px] mt-[43px] font-semibold">
FiEE
</div>
<div class="text-[#455363] text-[40px] mt-[78px] pr-[100px]"> <div class="text-[#455363] text-[40px] mt-[78px] pr-[100px]">
{{ t("home.section3.desc") }} {{ t("home.section3.desc") }}
</div> </div>
@ -87,7 +89,7 @@
/> />
<div <div
class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle" class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.data.title") }} {{ t("home.section3.features.data.title") }}
</div> </div>
@ -105,7 +107,7 @@
/> />
<div <div
class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle" class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.ai.title") }} {{ t("home.section3.features.ai.title") }}
</div> </div>
@ -123,7 +125,7 @@
/> />
<div <div
class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle" class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.cloud.title") }} {{ t("home.section3.features.cloud.title") }}
</div> </div>
@ -141,7 +143,7 @@
/> />
<div <div
class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle" class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.cooperation.title") }} {{ t("home.section3.features.cooperation.title") }}
</div> </div>
@ -159,7 +161,7 @@
/> />
<div <div
class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle" class="text-[#10253E] text-[50px] mt-[70px] break-words carousel-subtitle font-semibold"
> >
{{ t("home.section3.features.promotion.title") }} {{ t("home.section3.features.promotion.title") }}
</div> </div>
@ -180,7 +182,7 @@
<div class="text-[#8B59F7] text-[40px]"> <div class="text-[#8B59F7] text-[40px]">
{{ t("home.section4.label") }} {{ t("home.section4.label") }}
</div> </div>
<div class="text-[#10253E] text-[85px] mt-[43px]"> <div class="text-[#10253E] text-[85px] mt-[43px] font-semibold">
<div> <div>
{{ t("home.section4.title1") }} {{ t("home.section4.title1") }}
</div> </div>
@ -287,31 +289,31 @@ const { t } = useI18n();
// //
const carouselImages = { const carouselImages = {
zh: [ zh: [
new URL("@/assets/image/home/768/zh/carousel-1.png", import.meta.url).href, new URL("@/assets/image/home/768/zh/carousel-1.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/zh/carousel-2.png", import.meta.url).href, new URL("@/assets/image/home/768/zh/carousel-2.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/zh/carousel-3.png", import.meta.url).href, new URL("@/assets/image/home/768/zh/carousel-3.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/zh/carousel-4.png", import.meta.url).href, new URL("@/assets/image/home/768/zh/carousel-4.jpg", import.meta.url).href,
], ],
en: [ en: [
new URL("@/assets/image/home/768/en/carousel-1.png", import.meta.url).href, new URL("@/assets/image/home/768/en/carousel-1.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/en/carousel-2.png", import.meta.url).href, new URL("@/assets/image/home/768/en/carousel-2.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/en/carousel-3.png", import.meta.url).href, new URL("@/assets/image/home/768/en/carousel-3.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/en/carousel-4.png", import.meta.url).href, new URL("@/assets/image/home/768/en/carousel-4.jpg", import.meta.url).href,
], ],
ja: [ ja: [
new URL("@/assets/image/home/768/ja/carousel-1.png", import.meta.url).href, new URL("@/assets/image/home/768/ja/carousel-1.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/ja/carousel-2.png", import.meta.url).href, new URL("@/assets/image/home/768/ja/carousel-2.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/ja/carousel-3.png", import.meta.url).href, new URL("@/assets/image/home/768/ja/carousel-3.jpg", import.meta.url).href,
new URL("@/assets/image/home/768/ja/carousel-4.png", import.meta.url).href, new URL("@/assets/image/home/768/ja/carousel-4.jpg", import.meta.url).href,
], ],
"zh-TW": [ "zh-TW": [
new URL("@/assets/image/home/768/zh-TW/carousel-1.png", import.meta.url) new URL("@/assets/image/home/768/zh-TW/carousel-1.jpg", import.meta.url)
.href, .href,
new URL("@/assets/image/home/768/zh-TW/carousel-2.png", import.meta.url) new URL("@/assets/image/home/768/zh-TW/carousel-2.jpg", import.meta.url)
.href, .href,
new URL("@/assets/image/home/768/zh-TW/carousel-3.png", import.meta.url) new URL("@/assets/image/home/768/zh-TW/carousel-3.jpg", import.meta.url)
.href, .href,
new URL("@/assets/image/home/768/zh-TW/carousel-4.png", import.meta.url) new URL("@/assets/image/home/768/zh-TW/carousel-4.jpg", import.meta.url)
.href, .href,
], ],
}; };