Merge branch 'main' of https://gitea-inner.fontree.cn/scout666/officialWebsite
Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 143 KiB |
BIN
src/assets/image/home/375/en/carousel-1.jpg
Normal file
After Width: | Height: | Size: 605 KiB |
BIN
src/assets/image/home/375/en/carousel-2.jpg
Normal file
After Width: | Height: | Size: 564 KiB |
BIN
src/assets/image/home/375/en/carousel-3.jpg
Normal file
After Width: | Height: | Size: 685 KiB |
BIN
src/assets/image/home/375/en/carousel-4.jpg
Normal file
After Width: | Height: | Size: 678 KiB |
BIN
src/assets/image/home/375/ja/carousel-1.jpg
Normal file
After Width: | Height: | Size: 543 KiB |
BIN
src/assets/image/home/375/ja/carousel-2.jpg
Normal file
After Width: | Height: | Size: 548 KiB |
BIN
src/assets/image/home/375/ja/carousel-3.jpg
Normal file
After Width: | Height: | Size: 553 KiB |
BIN
src/assets/image/home/375/ja/carousel-4.jpg
Normal file
After Width: | Height: | Size: 637 KiB |
BIN
src/assets/image/home/375/zh-TW/carousel-1.jpg
Normal file
After Width: | Height: | Size: 460 KiB |
BIN
src/assets/image/home/375/zh-TW/carousel-2.jpg
Normal file
After Width: | Height: | Size: 465 KiB |
BIN
src/assets/image/home/375/zh-TW/carousel-3.jpg
Normal file
After Width: | Height: | Size: 463 KiB |
BIN
src/assets/image/home/375/zh-TW/carousel-4.jpg
Normal file
After Width: | Height: | Size: 500 KiB |
BIN
src/assets/image/home/375/zh/carousel-1.jpg
Normal file
After Width: | Height: | Size: 446 KiB |
BIN
src/assets/image/home/375/zh/carousel-2.jpg
Normal file
After Width: | Height: | Size: 453 KiB |
BIN
src/assets/image/home/375/zh/carousel-3.jpg
Normal file
After Width: | Height: | Size: 448 KiB |
BIN
src/assets/image/home/375/zh/carousel-4.jpg
Normal file
After Width: | Height: | Size: 486 KiB |
BIN
src/assets/image/home/768/en/carousel-1.jpg
Normal file
After Width: | Height: | Size: 992 KiB |
BIN
src/assets/image/home/768/en/carousel-2.jpg
Normal file
After Width: | Height: | Size: 866 KiB |
BIN
src/assets/image/home/768/en/carousel-3.jpg
Normal file
After Width: | Height: | Size: 1.0 MiB |
BIN
src/assets/image/home/768/en/carousel-4.jpg
Normal file
After Width: | Height: | Size: 1.0 MiB |
BIN
src/assets/image/home/768/ja/carousel-1.jpg
Normal file
After Width: | Height: | Size: 870 KiB |
BIN
src/assets/image/home/768/ja/carousel-2.jpg
Normal file
After Width: | Height: | Size: 843 KiB |
BIN
src/assets/image/home/768/ja/carousel-3.jpg
Normal file
After Width: | Height: | Size: 869 KiB |
BIN
src/assets/image/home/768/ja/carousel-4.jpg
Normal file
After Width: | Height: | Size: 988 KiB |
BIN
src/assets/image/home/768/zh-TW/carousel-1.jpg
Normal file
After Width: | Height: | Size: 750 KiB |
BIN
src/assets/image/home/768/zh-TW/carousel-2.jpg
Normal file
After Width: | Height: | Size: 720 KiB |
BIN
src/assets/image/home/768/zh-TW/carousel-3.jpg
Normal file
After Width: | Height: | Size: 740 KiB |
BIN
src/assets/image/home/768/zh-TW/carousel-4.jpg
Normal file
After Width: | Height: | Size: 778 KiB |
BIN
src/assets/image/home/768/zh/carousel-1.jpg
Normal file
After Width: | Height: | Size: 727 KiB |
BIN
src/assets/image/home/768/zh/carousel-2.jpg
Normal file
After Width: | Height: | Size: 708 KiB |
BIN
src/assets/image/home/768/zh/carousel-3.jpg
Normal file
After Width: | Height: | Size: 723 KiB |
BIN
src/assets/image/home/768/zh/carousel-4.jpg
Normal file
After Width: | Height: | Size: 766 KiB |
@ -28,7 +28,7 @@ function getBrowserLanguage() {
|
||||
|
||||
// 获取存储的语言或浏览器语言
|
||||
// const savedLanguage = 'zh'
|
||||
// localStorage.setItem('language', 'zh-TW')
|
||||
// localStorage.setItem('language', 'zh')
|
||||
const savedLanguage = localStorage.getItem('language') || getBrowserLanguage()
|
||||
const i18n = createI18n({
|
||||
legacy: false, // 使用 Composition API
|
||||
|
@ -361,7 +361,7 @@
|
||||
"
|
||||
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") }}
|
||||
</div>
|
||||
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
|
||||
@ -376,7 +376,7 @@
|
||||
"
|
||||
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") }}
|
||||
</div>
|
||||
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
|
||||
@ -391,7 +391,7 @@
|
||||
"
|
||||
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") }}
|
||||
</div>
|
||||
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
|
||||
|
@ -31,15 +31,8 @@
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section className="relative pb-[900px]">
|
||||
<div class="absolute top-[0px] right-[0px]">
|
||||
<img
|
||||
src="@/assets/image/businessintroduction/768/bg-6.png"
|
||||
class="w-[1652px] h-[1865px]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="pt-[718px]">
|
||||
<section className="relative pb-[900px] section-first bg-[#F8F9FF]">
|
||||
<div class="pt-[718px] relative">
|
||||
<div
|
||||
class="w-full title ml-[188px] line-2"
|
||||
:ref="
|
||||
@ -62,30 +55,10 @@
|
||||
{{ $t("businessintroduction.hero.desc") }}
|
||||
</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 class="section-sec relative">
|
||||
<div class="flex flex-wrap justify-center pt-[400px] pb-[270px]">
|
||||
<section class="relative bg-[#F8F9FF]">
|
||||
<div class="flex flex-wrap justify-center pt-[240px] pb-[270px]">
|
||||
<div class="w-full px-[188px]">
|
||||
<div class="text-[#8B59F7] text-[40px] font-semibold">
|
||||
{{ $t("businessintroduction.industry.label") }}
|
||||
@ -698,16 +671,16 @@ const goToSection = (i) => {
|
||||
|
||||
.section-first {
|
||||
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-position: center;
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.section-sec {
|
||||
z-index: 2;
|
||||
background: url("@/assets/image/businessintroduction/768/bg-12.png");
|
||||
background-size: cover;
|
||||
background-position: top-center;
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
@ -836,7 +836,7 @@ const handleCarouselClick = (item, event) => {
|
||||
}
|
||||
|
||||
.carousel-content {
|
||||
padding: 0 20px 0 60px;
|
||||
padding: 0 20px 0 20px;
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
|
@ -84,7 +84,9 @@
|
||||
<div class="text-[#8B59F7] text-[72px]">
|
||||
{{ t("home.section3.label") }}
|
||||
</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]">
|
||||
{{ t("home.section3.desc") }}
|
||||
</div>
|
||||
@ -99,7 +101,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -117,7 +119,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -135,7 +137,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -153,7 +155,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -171,7 +173,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -309,31 +311,31 @@ const { t } = useI18n();
|
||||
// 导入所有语言的轮播图
|
||||
const carouselImages = {
|
||||
zh: [
|
||||
new URL("@/assets/image/home/375/zh/carousel-1.png", 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-3.png", 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-1.jpg", 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.jpg", import.meta.url).href,
|
||||
new URL("@/assets/image/home/375/zh/carousel-4.jpg", import.meta.url).href,
|
||||
],
|
||||
en: [
|
||||
new URL("@/assets/image/home/375/en/carousel-1.png", 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-3.png", 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-1.jpg", 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.jpg", import.meta.url).href,
|
||||
new URL("@/assets/image/home/375/en/carousel-4.jpg", import.meta.url).href,
|
||||
],
|
||||
ja: [
|
||||
new URL("@/assets/image/home/375/ja/carousel-1.png", 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-3.png", 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-1.jpg", 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.jpg", import.meta.url).href,
|
||||
new URL("@/assets/image/home/375/ja/carousel-4.jpg", import.meta.url).href,
|
||||
],
|
||||
"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,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
],
|
||||
};
|
||||
|
@ -73,7 +73,9 @@
|
||||
<div class="text-[#8B59F7] text-[40px]">
|
||||
{{ t("home.section3.label") }}
|
||||
</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]">
|
||||
{{ t("home.section3.desc") }}
|
||||
</div>
|
||||
@ -87,7 +89,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -105,7 +107,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -123,7 +125,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -141,7 +143,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -159,7 +161,7 @@
|
||||
/>
|
||||
|
||||
<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") }}
|
||||
</div>
|
||||
@ -180,7 +182,7 @@
|
||||
<div class="text-[#8B59F7] text-[40px]">
|
||||
{{ t("home.section4.label") }}
|
||||
</div>
|
||||
<div class="text-[#10253E] text-[85px] mt-[43px]">
|
||||
<div class="text-[#10253E] text-[85px] mt-[43px] font-semibold">
|
||||
<div>
|
||||
{{ t("home.section4.title1") }}
|
||||
</div>
|
||||
@ -287,31 +289,31 @@ const { t } = useI18n();
|
||||
// 导入所有语言的轮播图
|
||||
const carouselImages = {
|
||||
zh: [
|
||||
new URL("@/assets/image/home/768/zh/carousel-1.png", 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-3.png", 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-1.jpg", 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.jpg", import.meta.url).href,
|
||||
new URL("@/assets/image/home/768/zh/carousel-4.jpg", import.meta.url).href,
|
||||
],
|
||||
en: [
|
||||
new URL("@/assets/image/home/768/en/carousel-1.png", 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-3.png", 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-1.jpg", 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.jpg", import.meta.url).href,
|
||||
new URL("@/assets/image/home/768/en/carousel-4.jpg", import.meta.url).href,
|
||||
],
|
||||
ja: [
|
||||
new URL("@/assets/image/home/768/ja/carousel-1.png", 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-3.png", 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-1.jpg", 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.jpg", import.meta.url).href,
|
||||
new URL("@/assets/image/home/768/ja/carousel-4.jpg", import.meta.url).href,
|
||||
],
|
||||
"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,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
],
|
||||
};
|
||||
|