scout666/officialWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixbug

Browse Source
This commit is contained in:
scout 2025-02-24 10:47:53 +08:00
parent 04dcb0f206
commit 13e6230f36
6 changed files with 85 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/businessintroduction/size1440/index.vue
View File

@ -157,17 +157,17 @@ onUnmounted(() => {
<div class="pl-[505px] pr-[480px] flex flex-col"> <div class="pl-[505px] pr-[480px] flex flex-col">
<div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.industry.label') }}</div> <div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.industry.label') }}</div>
<div class="text-[#10253E] text-[40px] mt-[17px] text-animate">{{ t('businessintroduction.industry.title') }}</div> <div class="text-[#10253E] text-[40px] mt-[17px] text-animate font-bold">{{ t('businessintroduction.industry.title') }}</div>
<div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate"> <div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate">
{{ t('businessintroduction.industry.desc') }} {{ t('businessintroduction.industry.desc') }}
</div> </div>
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">{{ t('businessintroduction.industry.challenges.title') }}</div> <div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate font-bold">{{ t('businessintroduction.industry.challenges.title') }}</div>
<div class="flex flex-col mt-[30px]"> <div class="flex flex-col mt-[30px]">
<div class="flex justify-between"> <div class="flex justify-between">
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[0].title') }} {{ t('businessintroduction.industry.challenges.items[0].title') }}
</div> </div>
<div> <div>
@ -178,7 +178,7 @@ onUnmounted(() => {
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[1].title') }} {{ t('businessintroduction.industry.challenges.items[1].title') }}
</div> </div>
<div> <div>
@ -192,7 +192,7 @@ onUnmounted(() => {
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[2].title') }} {{ t('businessintroduction.industry.challenges.items[2].title') }}
</div> </div>
<div> <div>
@ -203,7 +203,7 @@ onUnmounted(() => {
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[3].title') }} {{ t('businessintroduction.industry.challenges.items[3].title') }}
</div> </div>
<div> <div>
@ -213,7 +213,7 @@ onUnmounted(() => {
</div> </div>
</div> </div>
</div> </div>
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">{{ t('businessintroduction.industry.opportunity.title') }}</div> <div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate font-bold">{{ t('businessintroduction.industry.opportunity.title') }}</div>
<div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate"> <div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate">
{{ t('businessintroduction.industry.opportunity.desc') }} {{ t('businessintroduction.industry.opportunity.desc') }}
</div> </div>
@ -224,7 +224,7 @@ onUnmounted(() => {
<div class="pl-[505px] pr-[490px] flex z-3"> <div class="pl-[505px] pr-[490px] flex z-3">
<div class=""> <div class="">
<div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.solution.label') }}</div> <div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.solution.label') }}</div>
<div class="text-[#10253E] text-[40px] mt-[17px] text-animate">{{ t('businessintroduction.solution.title') }}</div> <div class="text-[#10253E] text-[40px] mt-[17px] text-animate font-bold">{{ t('businessintroduction.solution.title') }}</div>
<div class="flex justify-between items-center mt-[97px]"> <div class="flex justify-between items-center mt-[97px]">
<div class="max-w-[412px] float-up"> <div class="max-w-[412px] float-up">
<img class="w-[64px] h-[48px]" src="@/assets/image/jxgb.png" alt="cl" /> <img class="w-[64px] h-[48px]" src="@/assets/image/jxgb.png" alt="cl" />
@ -283,13 +283,13 @@ onUnmounted(() => {
<div class="text-[#8B59F7] text-[16px] text-animate"> <div class="text-[#8B59F7] text-[16px] text-animate">
{{ t('businessintroduction.vision.label') }} {{ t('businessintroduction.vision.label') }}
</div> </div>
<div class="text-[#10253E] text-[40px] text-animate"> <div class="text-[#10253E] text-[40px] text-animate font-bold">
{{ t('businessintroduction.vision.title') }} {{ t('businessintroduction.vision.title') }}
</div> </div>
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate"> <div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
{{ t('businessintroduction.vision.desc') }} {{ t('businessintroduction.vision.desc') }}
</div> </div>
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate"> <div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate font-bold">
{{ t('businessintroduction.vision.community.title') }} {{ t('businessintroduction.vision.community.title') }}
</div> </div>
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate"> <div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
@ -310,22 +310,22 @@ onUnmounted(() => {
<n-divider class="divider5" vertical /> <n-divider class="divider5" vertical />
<img src="@/assets/image/dq.png" alt="cl" /> <img src="@/assets/image/dq.png" alt="cl" />
<div class="absolute top-[86px] pl-[505px] pr-[490px] flex z-4 flex-col"> <div class="absolute top-[86px] pl-[505px] pr-[490px] flex z-4 flex-col">
<div class="text-[#FFFFFF] text-[22px] text-animate"> <div class="text-[#FFFFFF] text-[22px] text-animate font-bold">
{{ t('businessintroduction.cooperation.title') }} {{ t('businessintroduction.cooperation.title') }}
</div> </div>
<div class="text-[#FFFFFF] text-[22px] mt-[100px] text-animate"> <div class="text-[#FFFFFF] text-[22px] mt-[100px] text-animate font-bold">
{{ t('businessintroduction.cooperation.timeline.year2025.title') }} {{ t('businessintroduction.cooperation.timeline.year2025.title') }}
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
{{ t('businessintroduction.cooperation.timeline.year2025.desc') }} {{ t('businessintroduction.cooperation.timeline.year2025.desc') }}
</div> </div>
<div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate"> <div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate font-bold">
{{ t('businessintroduction.cooperation.timeline.year2026.title') }} {{ t('businessintroduction.cooperation.timeline.year2026.title') }}
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
{{ t('businessintroduction.cooperation.timeline.year2026.desc') }} {{ t('businessintroduction.cooperation.timeline.year2026.desc') }}
</div> </div>
<div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate"> <div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate font-bold">
{{ t('businessintroduction.cooperation.timeline.year2027.title') }} {{ t('businessintroduction.cooperation.timeline.year2027.title') }}
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
@ -334,10 +334,10 @@ onUnmounted(() => {
</div> </div>
<div class="flex pl-[505px] pr-[490px] flex z-4"> <div class="flex pl-[505px] pr-[490px] flex z-4">
<div class="mr-[60px]"> <div class="mr-[60px]">
<div class="text-[#8B59F7] text-[22px] text-animate"> <div class="text-[#8B59F7] text-[22px] text-animate font-bold">
{{ t('businessintroduction.incubation.title') }} {{ t('businessintroduction.incubation.title') }}
</div> </div>
<div class="text-[#8B59F7] text-[22px] text-animate"> <div class="text-[#8B59F7] text-[22px] text-animate font-bold">
{{ t('businessintroduction.incubation.subtitle') }} {{ t('businessintroduction.incubation.subtitle') }}
</div> </div>
<div class="text-[#455363] text-[16px] max-w-[402px] mt-[50px] text-animate"> <div class="text-[#455363] text-[16px] max-w-[402px] mt-[50px] text-animate">
@ -376,8 +376,8 @@ onUnmounted(() => {
<div class="divider3" style=""></div> <div class="divider3" style=""></div>
<div class="divider4" style=""></div> <div class="divider4" style=""></div>
<n-divider class="divider5" vertical /> <n-divider class="divider5" vertical />
<div class="mt-[93px] pb-[103px] carousel-container pl-[505px] pr-[490px]"> <div class="mt-[93px] pb-[103px] carousel-container pl-[505px] pr-[490px] z-4">
<div class="text-[#8B59F7] text-[22px] text-animate"> <div class="text-[#8B59F7] text-[22px] text-animate font-bold">
{{ t('businessintroduction.exposure.title') }} {{ t('businessintroduction.exposure.title') }}
</div> </div>
@ -389,7 +389,7 @@ onUnmounted(() => {
<div class="carousel-item cursor-pointer"> <div class="carousel-item cursor-pointer">
<img class="carousel-image" src="@/assets/image/fp1.png" /> <img class="carousel-image" src="@/assets/image/fp1.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold">
<div>{{ t('businessintroduction.exposure.timeline.year2025.title') }}</div> <div>{{ t('businessintroduction.exposure.timeline.year2025.title') }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -400,7 +400,7 @@ onUnmounted(() => {
<div class="carousel-item cursor-pointer"> <div class="carousel-item cursor-pointer">
<img class="carousel-image" src="@/assets/image/fp2.png" /> <img class="carousel-image" src="@/assets/image/fp2.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold">
<div>{{ t('businessintroduction.exposure.timeline.year2026.title') }}</div> <div>{{ t('businessintroduction.exposure.timeline.year2026.title') }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -411,7 +411,7 @@ onUnmounted(() => {
<div class="carousel-item cursor-pointer"> <div class="carousel-item cursor-pointer">
<img class="carousel-image" src="@/assets/image/fp3.png" /> <img class="carousel-image" src="@/assets/image/fp3.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold ">
<div>{{ t('businessintroduction.exposure.timeline.year2027.title') }}</div> <div>{{ t('businessintroduction.exposure.timeline.year2027.title') }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -606,7 +606,7 @@ onUnmounted(() => {
.carousel-title { .carousel-title {
font-size: 20px; font-size: 20px;
font-weight: 500;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

44
src/views/businessintroduction/size1920/index.vue
View File

@ -157,17 +157,17 @@ onUnmounted(() => {
<div class="pl-[505px] pr-[480px] flex flex-col"> <div class="pl-[505px] pr-[480px] flex flex-col">
<div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.industry.label') }}</div> <div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.industry.label') }}</div>
<div class="text-[#10253E] text-[40px] mt-[17px] text-animate">{{ t('businessintroduction.industry.title') }}</div> <div class="text-[#10253E] text-[40px] mt-[17px] text-animate font-bold">{{ t('businessintroduction.industry.title') }}</div>
<div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate"> <div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate">
{{ t('businessintroduction.industry.desc') }} {{ t('businessintroduction.industry.desc') }}
</div> </div>
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">{{ t('businessintroduction.industry.challenges.title') }}</div> <div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate font-bold">{{ t('businessintroduction.industry.challenges.title') }}</div>
<div class="flex flex-col mt-[30px]"> <div class="flex flex-col mt-[30px]">
<div class="flex justify-between"> <div class="flex justify-between">
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[0].title') }} {{ t('businessintroduction.industry.challenges.items[0].title') }}
</div> </div>
<div> <div>
@ -178,7 +178,7 @@ onUnmounted(() => {
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[1].title') }} {{ t('businessintroduction.industry.challenges.items[1].title') }}
</div> </div>
<div> <div>
@ -192,7 +192,7 @@ onUnmounted(() => {
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[2].title') }} {{ t('businessintroduction.industry.challenges.items[2].title') }}
</div> </div>
<div> <div>
@ -203,7 +203,7 @@ onUnmounted(() => {
<div class="flex max-w-[405px] float-up"> <div class="flex max-w-[405px] float-up">
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" /> <img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
<div class="text-[#455363] text-[16px] float-up"> <div class="text-[#455363] text-[16px] float-up">
<div> <div class="font-bold">
{{ t('businessintroduction.industry.challenges.items[3].title') }} {{ t('businessintroduction.industry.challenges.items[3].title') }}
</div> </div>
<div> <div>
@ -213,7 +213,7 @@ onUnmounted(() => {
</div> </div>
</div> </div>
</div> </div>
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">{{ t('businessintroduction.industry.opportunity.title') }}</div> <div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate font-bold">{{ t('businessintroduction.industry.opportunity.title') }}</div>
<div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate"> <div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate">
{{ t('businessintroduction.industry.opportunity.desc') }} {{ t('businessintroduction.industry.opportunity.desc') }}
</div> </div>
@ -224,7 +224,7 @@ onUnmounted(() => {
<div class="pl-[505px] pr-[490px] flex z-3"> <div class="pl-[505px] pr-[490px] flex z-3">
<div class=""> <div class="">
<div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.solution.label') }}</div> <div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.solution.label') }}</div>
<div class="text-[#10253E] text-[40px] mt-[17px] text-animate">{{ t('businessintroduction.solution.title') }}</div> <div class="text-[#10253E] text-[40px] mt-[17px] text-animate font-bold">{{ t('businessintroduction.solution.title') }}</div>
<div class="flex justify-between items-center mt-[97px]"> <div class="flex justify-between items-center mt-[97px]">
<div class="max-w-[412px] float-up"> <div class="max-w-[412px] float-up">
<img class="w-[64px] h-[48px]" src="@/assets/image/jxgb.png" alt="cl" /> <img class="w-[64px] h-[48px]" src="@/assets/image/jxgb.png" alt="cl" />
@ -283,13 +283,13 @@ onUnmounted(() => {
<div class="text-[#8B59F7] text-[16px] text-animate"> <div class="text-[#8B59F7] text-[16px] text-animate">
{{ t('businessintroduction.vision.label') }} {{ t('businessintroduction.vision.label') }}
</div> </div>
<div class="text-[#10253E] text-[40px] text-animate"> <div class="text-[#10253E] text-[40px] text-animate font-bold">
{{ t('businessintroduction.vision.title') }} {{ t('businessintroduction.vision.title') }}
</div> </div>
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate"> <div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
{{ t('businessintroduction.vision.desc') }} {{ t('businessintroduction.vision.desc') }}
</div> </div>
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate"> <div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate font-bold">
{{ t('businessintroduction.vision.community.title') }} {{ t('businessintroduction.vision.community.title') }}
</div> </div>
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate"> <div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
@ -310,22 +310,22 @@ onUnmounted(() => {
<n-divider class="divider5" vertical /> <n-divider class="divider5" vertical />
<img src="@/assets/image/dq.png" alt="cl" /> <img src="@/assets/image/dq.png" alt="cl" />
<div class="absolute top-[86px] pl-[505px] pr-[490px] flex z-4 flex-col"> <div class="absolute top-[86px] pl-[505px] pr-[490px] flex z-4 flex-col">
<div class="text-[#FFFFFF] text-[22px] text-animate"> <div class="text-[#FFFFFF] text-[22px] text-animate font-bold">
{{ t('businessintroduction.cooperation.title') }} {{ t('businessintroduction.cooperation.title') }}
</div> </div>
<div class="text-[#FFFFFF] text-[22px] mt-[100px] text-animate"> <div class="text-[#FFFFFF] text-[22px] mt-[100px] text-animate font-bold">
{{ t('businessintroduction.cooperation.timeline.year2025.title') }} {{ t('businessintroduction.cooperation.timeline.year2025.title') }}
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
{{ t('businessintroduction.cooperation.timeline.year2025.desc') }} {{ t('businessintroduction.cooperation.timeline.year2025.desc') }}
</div> </div>
<div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate"> <div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate font-bold">
{{ t('businessintroduction.cooperation.timeline.year2026.title') }} {{ t('businessintroduction.cooperation.timeline.year2026.title') }}
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
{{ t('businessintroduction.cooperation.timeline.year2026.desc') }} {{ t('businessintroduction.cooperation.timeline.year2026.desc') }}
</div> </div>
<div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate"> <div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate font-bold">
{{ t('businessintroduction.cooperation.timeline.year2027.title') }} {{ t('businessintroduction.cooperation.timeline.year2027.title') }}
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
@ -334,10 +334,10 @@ onUnmounted(() => {
</div> </div>
<div class="flex pl-[505px] pr-[490px] flex z-4"> <div class="flex pl-[505px] pr-[490px] flex z-4">
<div class="mr-[60px]"> <div class="mr-[60px]">
<div class="text-[#8B59F7] text-[22px] text-animate"> <div class="text-[#8B59F7] text-[22px] text-animate font-bold">
{{ t('businessintroduction.incubation.title') }} {{ t('businessintroduction.incubation.title') }}
</div> </div>
<div class="text-[#8B59F7] text-[22px] text-animate"> <div class="text-[#8B59F7] text-[22px] text-animate font-bold">
{{ t('businessintroduction.incubation.subtitle') }} {{ t('businessintroduction.incubation.subtitle') }}
</div> </div>
<div class="text-[#455363] text-[16px] max-w-[402px] mt-[50px] text-animate"> <div class="text-[#455363] text-[16px] max-w-[402px] mt-[50px] text-animate">
@ -376,8 +376,8 @@ onUnmounted(() => {
<div class="divider3" style=""></div> <div class="divider3" style=""></div>
<div class="divider4" style=""></div> <div class="divider4" style=""></div>
<n-divider class="divider5" vertical /> <n-divider class="divider5" vertical />
<div class="mt-[93px] pb-[103px] carousel-container pl-[505px] pr-[490px]"> <div class="mt-[93px] pb-[103px] carousel-container pl-[505px] pr-[490px] z-4">
<div class="text-[#8B59F7] text-[22px] text-animate"> <div class="text-[#8B59F7] text-[22px] text-animate font-bold">
{{ t('businessintroduction.exposure.title') }} {{ t('businessintroduction.exposure.title') }}
</div> </div>
@ -389,7 +389,7 @@ onUnmounted(() => {
<div class="carousel-item cursor-pointer"> <div class="carousel-item cursor-pointer">
<img class="carousel-image" src="@/assets/image/fp1.png" /> <img class="carousel-image" src="@/assets/image/fp1.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold">
<div>{{ t('businessintroduction.exposure.timeline.year2025.title') }}</div> <div>{{ t('businessintroduction.exposure.timeline.year2025.title') }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -400,7 +400,7 @@ onUnmounted(() => {
<div class="carousel-item cursor-pointer"> <div class="carousel-item cursor-pointer">
<img class="carousel-image" src="@/assets/image/fp2.png" /> <img class="carousel-image" src="@/assets/image/fp2.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold">
<div>{{ t('businessintroduction.exposure.timeline.year2026.title') }}</div> <div>{{ t('businessintroduction.exposure.timeline.year2026.title') }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -411,7 +411,7 @@ onUnmounted(() => {
<div class="carousel-item cursor-pointer"> <div class="carousel-item cursor-pointer">
<img class="carousel-image" src="@/assets/image/fp3.png" /> <img class="carousel-image" src="@/assets/image/fp3.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold ">
<div>{{ t('businessintroduction.exposure.timeline.year2027.title') }}</div> <div>{{ t('businessintroduction.exposure.timeline.year2027.title') }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -606,7 +606,7 @@ onUnmounted(() => {
.carousel-title { .carousel-title {
font-size: 20px; font-size: 20px;
font-weight: 500;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

23
src/views/companyprofil/size1440/index.vue
View File

@ -323,10 +323,10 @@ onUnmounted(() => {
</div> </div>
<div class="pl-[505px] pr-[480px] flex"> <div class="pl-[505px] pr-[480px] flex">
<div class="w-[411px] mr-[38px] text-animate"> <div class="w-[411px] mr-[38px] text-animate">
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.intro.title1") }} {{ t("companyprofil.intro.title1") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.intro.title2") }} {{ t("companyprofil.intro.title2") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[56px]"> <div class="text-[#455363] text-[16px] mt-[56px]">
@ -353,10 +353,10 @@ onUnmounted(() => {
</div> </div>
<div class="pl-[505px] pr-[490px] flex z-3"> <div class="pl-[505px] pr-[490px] flex z-3">
<div class="w-[412px] mr-[40px] text-animate"> <div class="w-[412px] mr-[40px] text-animate">
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.team.title1") }} {{ t("companyprofil.team.title1") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.team.title2") }} {{ t("companyprofil.team.title2") }}
</div> </div>
<div class="mt-[93px]"> <div class="mt-[93px]">
@ -450,7 +450,7 @@ onUnmounted(() => {
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("companyprofil.achievement.label") }} {{ t("companyprofil.achievement.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.achievement.title") }} {{ t("companyprofil.achievement.title") }}
</div> </div>
<div class="text-[#455363] w-[748px] text-[16px] mt-[30px]"> <div class="text-[#455363] w-[748px] text-[16px] mt-[30px]">
@ -461,10 +461,10 @@ onUnmounted(() => {
<div <div
class="w-[419px] mr-[30px] flex flex-col justify-center text-animate" class="w-[419px] mr-[30px] flex flex-col justify-center text-animate"
> >
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.certification.title1") }} {{ t("companyprofil.achievement.certification.title1") }}
</div> </div>
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.certification.title2") }} {{ t("companyprofil.achievement.certification.title2") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[30px]"> <div class="text-[#455363] text-[16px] mt-[30px]">
@ -483,10 +483,10 @@ onUnmounted(() => {
<div <div
class="w-[419px] mr-[30px] flex flex-col justify-center text-animate" class="w-[419px] mr-[30px] flex flex-col justify-center text-animate"
> >
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.platform.title1") }} {{ t("companyprofil.achievement.platform.title1") }}
</div> </div>
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.platform.title2") }} {{ t("companyprofil.achievement.platform.title2") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[30px]"> <div class="text-[#455363] text-[16px] mt-[30px]">
@ -514,7 +514,7 @@ onUnmounted(() => {
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("companyprofil.news.label") }} {{ t("companyprofil.news.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.news.title") }} {{ t("companyprofil.news.title") }}
</div> </div>
<div class="text-[#455363] w-[748px] text-[16px] mt-[30px]"> <div class="text-[#455363] w-[748px] text-[16px] mt-[30px]">
@ -561,7 +561,7 @@ onUnmounted(() => {
> >
<img class="carousel-image" :src="item.imgUrl" /> <img class="carousel-image" :src="item.imgUrl" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold">
<div>{{ item.title }}</div> <div>{{ item.title }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -747,7 +747,6 @@ onUnmounted(() => {
.carousel-title { .carousel-title {
font-size: 20px; font-size: 20px;
font-weight: 500;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

23
src/views/companyprofil/size1920/index.vue
View File

@ -323,10 +323,10 @@ onUnmounted(() => {
</div> </div>
<div class="pl-[505px] pr-[480px] flex"> <div class="pl-[505px] pr-[480px] flex">
<div class="w-[411px] mr-[38px] text-animate"> <div class="w-[411px] mr-[38px] text-animate">
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.intro.title1") }} {{ t("companyprofil.intro.title1") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.intro.title2") }} {{ t("companyprofil.intro.title2") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[56px]"> <div class="text-[#455363] text-[16px] mt-[56px]">
@ -353,10 +353,10 @@ onUnmounted(() => {
</div> </div>
<div class="pl-[505px] pr-[490px] flex z-3"> <div class="pl-[505px] pr-[490px] flex z-3">
<div class="w-[412px] mr-[40px] text-animate"> <div class="w-[412px] mr-[40px] text-animate">
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.team.title1") }} {{ t("companyprofil.team.title1") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.team.title2") }} {{ t("companyprofil.team.title2") }}
</div> </div>
<div class="mt-[93px]"> <div class="mt-[93px]">
@ -450,7 +450,7 @@ onUnmounted(() => {
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("companyprofil.achievement.label") }} {{ t("companyprofil.achievement.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.achievement.title") }} {{ t("companyprofil.achievement.title") }}
</div> </div>
<div class="text-[#455363] w-[748px] text-[16px] mt-[30px]"> <div class="text-[#455363] w-[748px] text-[16px] mt-[30px]">
@ -461,10 +461,10 @@ onUnmounted(() => {
<div <div
class="w-[419px] mr-[30px] flex flex-col justify-center text-animate" class="w-[419px] mr-[30px] flex flex-col justify-center text-animate"
> >
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.certification.title1") }} {{ t("companyprofil.achievement.certification.title1") }}
</div> </div>
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.certification.title2") }} {{ t("companyprofil.achievement.certification.title2") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[30px]"> <div class="text-[#455363] text-[16px] mt-[30px]">
@ -483,10 +483,10 @@ onUnmounted(() => {
<div <div
class="w-[419px] mr-[30px] flex flex-col justify-center text-animate" class="w-[419px] mr-[30px] flex flex-col justify-center text-animate"
> >
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.platform.title1") }} {{ t("companyprofil.achievement.platform.title1") }}
</div> </div>
<div class="text-[#10253E] text-[22px]"> <div class="text-[#10253E] text-[22px] font-bold">
{{ t("companyprofil.achievement.platform.title2") }} {{ t("companyprofil.achievement.platform.title2") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[30px]"> <div class="text-[#455363] text-[16px] mt-[30px]">
@ -514,7 +514,7 @@ onUnmounted(() => {
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("companyprofil.news.label") }} {{ t("companyprofil.news.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px]"> <div class="text-[#10253E] text-[40px] font-bold">
{{ t("companyprofil.news.title") }} {{ t("companyprofil.news.title") }}
</div> </div>
<div class="text-[#455363] w-[748px] text-[16px] mt-[30px]"> <div class="text-[#455363] w-[748px] text-[16px] mt-[30px]">
@ -561,7 +561,7 @@ onUnmounted(() => {
> >
<img class="carousel-image" :src="item.imgUrl" /> <img class="carousel-image" :src="item.imgUrl" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title"> <div class="carousel-title font-bold">
<div>{{ item.title }}</div> <div>{{ item.title }}</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
@ -747,7 +747,6 @@ onUnmounted(() => {
.carousel-title { .carousel-title {
font-size: 20px; font-size: 20px;
font-weight: 500;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

18
src/views/home/size1440/index.vue
View File

@ -494,10 +494,10 @@ watch(
src="@/assets/image/head.png" src="@/assets/image/head.png"
/> />
<div class="absolute top-[220px] left-[50%] translate-x-[-50%]"> <div class="absolute top-[220px] left-[50%] translate-x-[-50%]">
<div class="text-[#10253E] text-[54px] leading-[80px]"> <div class="text-[#10253E] text-[54px] leading-[80px] font-bold">
{{ t("home.section2.title1") }} {{ t("home.section2.title1") }}
</div> </div>
<div class="text-[#10253E] text-[54px] leading-[80px]"> <div class="text-[#10253E] text-[54px] leading-[80px] font-bold">
{{ t("home.section2.title2") }} {{ t("home.section2.title2") }}
</div> </div>
</div> </div>
@ -515,7 +515,7 @@ watch(
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("home.section3.label") }} {{ t("home.section3.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px]">FiEE</div> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold">FiEE</div>
<div class="text-[#455363] text-[16px] mt-[31px]"> <div class="text-[#455363] text-[16px] mt-[31px]">
{{ t("home.section3.desc") }} {{ t("home.section3.desc") }}
</div> </div>
@ -528,7 +528,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.data.title") }} {{ t("home.section3.features.data.title") }}
</div> </div>
<div <div
@ -544,7 +544,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.ai.title") }} {{ t("home.section3.features.ai.title") }}
</div> </div>
<div <div
@ -560,7 +560,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.cloud.title") }} {{ t("home.section3.features.cloud.title") }}
</div> </div>
<div <div
@ -576,7 +576,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.cooperation.title") }} {{ t("home.section3.features.cooperation.title") }}
</div> </div>
<div <div
@ -592,7 +592,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.promotion.title") }} {{ t("home.section3.features.promotion.title") }}
</div> </div>
<div <div
@ -617,7 +617,7 @@ watch(
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("home.section4.label") }} {{ t("home.section4.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px]"> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold">
{{ t("home.section4.title") }} {{ t("home.section4.title") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[31px]"> <div class="text-[#455363] text-[16px] mt-[31px]">

20
src/views/home/size1920/index.vue
View File

@ -495,10 +495,10 @@ watch(
/> />
</div> </div>
<div class="content"> <div class="content">
<div class="text-[#10253E] text-[54px] leading-[80px]"> <div class="text-[#10253E] text-[54px] font-bold leading-[80px]">
{{ t("home.section2.title1") }} {{ t("home.section2.title1") }}
</div> </div>
<div class="text-[#10253E] text-[54px] leading-[80px]"> <div class="text-[#10253E] text-[54px] font-bold leading-[80px]">
{{ t("home.section2.title2") }} {{ t("home.section2.title2") }}
</div> </div>
</div> </div>
@ -515,7 +515,7 @@ watch(
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("home.section3.label") }} {{ t("home.section3.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px]">FiEE</div> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold">FiEE</div>
<div class="text-[#455363] text-[16px] mt-[31px]"> <div class="text-[#455363] text-[16px] mt-[31px]">
{{ t("home.section3.desc") }} {{ t("home.section3.desc") }}
</div> </div>
@ -528,11 +528,11 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.data.title") }} {{ t("home.section3.features.data.title") }}
</div> </div>
<div <div
class="text-[#455363] text-[16px] mt-[14px] max-w-[200px] break-words" class="text-[#455363] text-[16px] mt-[14px] max-w-[200px] break-words"
> >
{{ t("home.section3.features.data.desc") }} {{ t("home.section3.features.data.desc") }}
</div> </div>
@ -544,7 +544,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.ai.title") }} {{ t("home.section3.features.ai.title") }}
</div> </div>
<div <div
@ -560,7 +560,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.cloud.title") }} {{ t("home.section3.features.cloud.title") }}
</div> </div>
<div <div
@ -576,7 +576,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.cooperation.title") }} {{ t("home.section3.features.cooperation.title") }}
</div> </div>
<div <div
@ -592,7 +592,7 @@ watch(
alt="logo" alt="logo"
/> />
<div class="line"></div> <div class="line"></div>
<div class="text-[#10253E] text-[20px] max-w-[200px] break-words"> <div class="text-[#10253E] text-[20px] max-w-[200px] break-words font-bold">
{{ t("home.section3.features.promotion.title") }} {{ t("home.section3.features.promotion.title") }}
</div> </div>
<div <div
@ -617,7 +617,7 @@ watch(
<div class="text-[#8B59F7] text-[16px]"> <div class="text-[#8B59F7] text-[16px]">
{{ t("home.section4.label") }} {{ t("home.section4.label") }}
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px]"> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold">
{{ t("home.section4.title") }} {{ t("home.section4.title") }}
</div> </div>
<div class="text-[#455363] text-[16px] mt-[31px]"> <div class="text-[#455363] text-[16px] mt-[31px]">