scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 768 375尺寸背景线更换

Browse Source
This commit is contained in:
yinkang 2025-10-24 09:18:09 +08:00
parent ab57254bb3
commit b6045d3fe0
39 changed files with 95 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/content/bg_stock1940.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

BIN
src/assets/image/content/bg_stock375.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
src/assets/image/content/bg_stock768.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

2
src/views/BusinessServices/size1440/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="home-page relative bg-[#ffffff]"> <div class="home-page relative bg-[#ffffff]">
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply"> style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
</div> </div>

2
src/views/BusinessServices/size1920/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="home-page relative bg-[#ffffff]"> <div class="home-page relative bg-[#ffffff]">
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply"> style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
</div> </div>

4
src/views/BusinessServices/size375/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="home-page relative bg-[#ffffff]"> <div class="home-page relative bg-[#ffffff]">
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 332px; pointer-events: none; mix-blend-mode: multiply"> style="width: 332px; pointer-events: none; mix-blend-mode: multiply">
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
</div> </div>
<div class="w-[100%] h-[711PX] z-[] top-0 absolute"> <div class="w-[100%] h-[711PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]"> <div class="relative w-[100%] h-[100%]">

4
src/views/BusinessServices/size768/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="home-page relative bg-[#ffffff]"> <div class="home-page relative bg-[#ffffff]">
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 635px; pointer-events: none; mix-blend-mode: multiply"> style="width: 635px; pointer-events: none; mix-blend-mode: multiply">
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
</div> </div>
<div class="w-[100%] h-[600PX] z-[] top-0 absolute"> <div class="w-[100%] h-[600PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]"> <div class="relative w-[100%] h-[100%]">

2
src/views/CommitteeAppointment/size1440/index.vue
View File

@ -8,7 +8,7 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/CommitteeAppointment/size1920/index.vue
View File

@ -8,7 +8,7 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

4
src/views/CommitteeAppointment/size375/index.vue
View File

@ -8,10 +8,10 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 343px; pointer-events: none; mix-blend-mode: multiply" style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
<img <img
src="@/assets/image/content/bg_25.png" src="@/assets/image/content/bg_25.png"
class="w-[100vw] h-[611PX] relative" class="w-[100vw] h-[611PX] relative"

4
src/views/CommitteeAppointment/size768/index.vue
View File

@ -8,10 +8,10 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 618px; pointer-events: none; mix-blend-mode: multiply" style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
<img <img
src="@/assets/image/content/bg_25.png" src="@/assets/image/content/bg_25.png"
class="w-[100vw] h-[611PX] relative" class="w-[100vw] h-[611PX] relative"

2
src/views/boarddirectors/size375/index.vue
View File

@ -12,7 +12,7 @@
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]"
style="width: 331px; pointer-events: none; mix-blend-mode: multiply" style="width: 331px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
</div> </div>
<div class="directors-page relative z-[-15]" style="width: 311px"> <div class="directors-page relative z-[-15]" style="width: 311px">
<h1 class="page-title">{{ t('boarddirectors.title') }}</h1> <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>

2
src/views/boarddirectors/size768/index.vue
View File

@ -12,7 +12,7 @@
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]"
style="width: 620px; pointer-events: none; mix-blend-mode: multiply" style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
</div> </div>
<div class="directors-page relative z-[-15]" style="width: 600px"> <div class="directors-page relative z-[-15]" style="width: 600px">
<h1 class="page-title">{{ t('boarddirectors.title') }}</h1> <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>

2
src/views/companyoverview/size1440/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-99 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/companyoverview/size1920/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-99 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

4
src/views/companyoverview/size375/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="home-page relative overflow-hidden z-99 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 343px; pointer-events: none; mix-blend-mode: multiply" style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
</div> </div>
<div class="w-[100%] h-[950PX] z-[] top-0 absolute"> <div class="w-[100%] h-[950PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]"> <div class="relative w-[100%] h-[100%]">

4
src/views/companyoverview/size768/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="home-page relative overflow-hidden z-99 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 586px; pointer-events: none; mix-blend-mode: multiply" style="width: 586px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
</div> </div>
<div class="w-[100%] h-[720PX] z-[] top-0 absolute"> <div class="w-[100%] h-[720PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]"> <div class="relative w-[100%] h-[100%]">

2
src/views/financialinformation/annualreports/size1440/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/financialinformation/annualreports/size1920/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

4
src/views/financialinformation/annualreports/size375/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 318px; pointer-events: none; mix-blend-mode: multiply" style="width: 318px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
</div> </div>
<div class="fixed z-[-1] top-[50%] translate-y-[-50%]"> <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
<img <img

4
src/views/financialinformation/annualreports/size768/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 618px; pointer-events: none; mix-blend-mode: multiply" style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
</div> </div>
<div class="fixed z-[-1] top-[50%] translate-y-[-50%]"> <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
<img <img

2
src/views/financialinformation/secfilings/size1440/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/financialinformation/secfilings/size1920/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

4
src/views/financialinformation/secfilings/size375/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 311px; pointer-events: none; mix-blend-mode: multiply" style="width: 311px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
</div> </div>
<div class="fixed z-[-1] top-[50%] translate-y-[-50%]"> <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
<img <img

4
src/views/financialinformation/secfilings/size768/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]"> <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 618px; pointer-events: none; mix-blend-mode: multiply" style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
</div> </div>
<div class="fixed z-[-1] top-[50%] translate-y-[-50%]"> <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
<img <img

4
src/views/govern/size1440/index.vue
View File

@ -8,7 +8,7 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -20,7 +20,7 @@
</div> </div>
<div class="w-[900PX] mx-auto relative z-11"> <div class="w-[900PX] mx-auto relative z-11">
<div class="title mb-[50px] text-center text-left"> <div class="title mb-[50px] text-center text-left">
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1> <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
</div> </div>
<div <div
v-for="(item, index) in state.list" v-for="(item, index) in state.list"

4
src/views/govern/size1920/index.vue
View File

@ -8,7 +8,7 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply" style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -20,7 +20,7 @@
</div> </div>
<div class="w-[900PX] mx-auto relative z-11"> <div class="w-[900PX] mx-auto relative z-11">
<div class="title mb-[50px] text-center text-left"> <div class="title mb-[50px] text-center text-left">
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1> <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
</div> </div>
<div <div
v-for="(item, index) in state.list" v-for="(item, index) in state.list"

6
src/views/govern/size375/index.vue
View File

@ -8,10 +8,10 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 327px; pointer-events: none; mix-blend-mode: multiply" style="width: 327px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
<img <img
src="@/assets/image/content/bg_25.png" src="@/assets/image/content/bg_25.png"
class="w-[100vw] h-[611PX] relative" class="w-[100vw] h-[611PX] relative"
@ -20,7 +20,7 @@
</div> </div>
<div class="w-[327PX] mx-auto relative z-11"> <div class="w-[327PX] mx-auto relative z-11">
<div class="title mb-[50px] text-center text-left"> <div class="title mb-[50px] text-center text-left">
<h1 style="font-size: 24px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1> <h1 style="font-size: 24px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
</div> </div>
<div <div
v-for="(item, index) in state.list" v-for="(item, index) in state.list"

6
src/views/govern/size768/index.vue
View File

@ -8,10 +8,10 @@
/> />
</div> </div>
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
style="width: 618px; pointer-events: none; mix-blend-mode: multiply" style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
<img <img
src="@/assets/image/content/bg_25.png" src="@/assets/image/content/bg_25.png"
class="w-[100vw] h-[611PX] relative" class="w-[100vw] h-[611PX] relative"
@ -20,7 +20,7 @@
</div> </div>
<div class="w-[618PX] mx-auto relative z-11"> <div class="w-[618PX] mx-auto relative z-11">
<div class="title mb-[50px] text-center text-left"> <div class="title mb-[50px] text-center text-left">
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1> <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
</div> </div>
<div <div
v-for="(item, index) in state.list" v-for="(item, index) in state.list"

2
src/views/manage/size1440/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply" style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/manage/size1920/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply" style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/manage/size375/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 320px; pointer-events: none; mix-blend-mode: multiply" style="width: 320px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />

2
src/views/manage/size768/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 620px; pointer-events: none; mix-blend-mode: multiply" style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />

15
src/views/myHome/size1440/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply" style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -344,14 +344,13 @@
</section> </section>
<!-- 新增：股票信息与活动预告双栏模块 --> <!-- 新增：股票信息与活动预告双栏模块 -->
<section <section
class="dual-column-section bg-[url('@/assets/image/content/information.png')]" class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
style=" style="
width: 100vw; width: 100vw;
height: 643px; height: 643px;
margin: 60px auto; margin: 60px auto;
padding: 0 40px; padding: 0 40px;
background-size: 100% 100%; background-size: 100% 100%;
background-color: #e7407e;
" "
> >
<div style="width: 900px" class="w-[900px] m-auto"> <div style="width: 900px" class="w-[900px] m-auto">
@ -459,7 +458,7 @@
</div> </div>
</section> </section>
<section <section
class="dual-column-section" class="dual-column-section relative z-10"
style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px" style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
> >
<div class="w-[900PX] m-auto"> <div class="w-[900PX] m-auto">
@ -843,7 +842,7 @@ const handleLink = (item) => {
.card-title { .card-title {
font-size: 2.5rem; font-size: 2.5rem;
padding-top: 88px; padding-top: 88px;
color: #ffffff; color: #000;
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
} }
@ -854,7 +853,7 @@ const handleLink = (item) => {
left: 0; left: 0;
width: 60px; width: 60px;
height: 4px; height: 4px;
background: #ffffff; background: #FF7BAC;
transform: translateY(-20px); transform: translateY(-20px);
} }
@ -889,10 +888,10 @@ const handleLink = (item) => {
display: flex; display: flex;
/* justify-content: space-between; */ /* justify-content: space-between; */
margin: 24px 0; margin: 24px 0;
border-left: 2px solid #00ffff; border-left: 2px solid #FF7BAC;
font-size: 14px; font-size: 14px;
color: #fff; color: #000;
} }
.data-label { .data-label {

17
src/views/myHome/size1920/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply" style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<section <section
class="company-overview h-[916px]" class="company-overview h-[916PX]"
style="width: 900px; margin: 0 auto; padding: 0; padding-top: 300px" style="width: 900px; margin: 0 auto; padding: 0; padding-top: 300px"
> >
<div class="hero-section"> <div class="hero-section">
@ -344,14 +344,13 @@
</section> </section>
<!-- 新增：股票信息与活动预告双栏模块 --> <!-- 新增：股票信息与活动预告双栏模块 -->
<section <section
class="dual-column-section bg-[url('@/assets/image/content/information.png')]" class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
style=" style="
width: 100vw; width: 100vw;
height: 643px; height: 643px;
margin: 60px auto; margin: 60px auto;
padding: 0 40px; padding: 0 40px;
background-size: 100% 100%; background-size: 100% 100%;
background-color: #e7407e;
" "
> >
<div style="width: 900px" class="w-[900px] m-auto"> <div style="width: 900px" class="w-[900px] m-auto">
@ -459,7 +458,7 @@
</div> </div>
</section> </section>
<section <section
class="dual-column-section" class="dual-column-section relative z-10"
style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px" style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
> >
<div class="w-[900PX] m-auto"> <div class="w-[900PX] m-auto">
@ -843,7 +842,7 @@ const handleLink = (item) => {
.card-title { .card-title {
font-size: 2.5rem; font-size: 2.5rem;
padding-top: 88px; padding-top: 88px;
color: #ffffff; color: #000;
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
} }
@ -854,7 +853,7 @@ const handleLink = (item) => {
left: 0; left: 0;
width: 60px; width: 60px;
height: 4px; height: 4px;
background: #ffffff; background: #FF7BAC;
transform: translateY(-20px); transform: translateY(-20px);
} }
@ -889,10 +888,10 @@ const handleLink = (item) => {
display: flex; display: flex;
/* justify-content: space-between; */ /* justify-content: space-between; */
margin: 24px 0; margin: 24px 0;
border-left: 2px solid #00ffff; border-left: 2px solid #FF7BAC;
font-size: 14px; font-size: 14px;
color: #fff; color: #000;
} }
.data-label { .data-label {

17
src/views/myHome/size375/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 343px; pointer-events: none; mix-blend-mode: multiply"> style="width: 343px; pointer-events: none; mix-blend-mode: multiply">
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
</div> </div>
<div class="w-[100%] h-[800PX] z-[] top-0 absolute"> <div class="w-[100%] h-[800PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]"> <div class="relative w-[100%] h-[100%]">
@ -131,13 +131,12 @@
</div> </div>
</section> </section>
<!-- 新增：股票信息与活动预告双栏模块 --> <!-- 新增：股票信息与活动预告双栏模块 -->
<section class="dual-column-section bg-[url('@/assets/image/content/bg_16.png')]" style=" <section class="dual-column-section bg-[url('@/assets/image/content/bg_stock375.png')] relative z-10" style="
width: 100vw; width: 100vw;
height: 570px; height: 570px;
margin: 60px auto; margin: 60px auto;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 15PX 15PX 0 0; border-radius: 15PX 15PX 0 0;
background-color: #e7407e;
"> ">
<div style="width: 343px" class="m-auto"> <div style="width: 343px" class="m-auto">
<!-- 股票信息卡片 --> <!-- 股票信息卡片 -->
@ -183,7 +182,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="dual-column-section" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px"> <section class="dual-column-section relative z-10" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
<div class="w-[311PX] m-auto"> <div class="w-[311PX] m-auto">
<div class=""> <div class="">
<h2 class="card-title1"> <h2 class="card-title1">
@ -596,7 +595,7 @@ const handleLink = (item) => {
.card-title { .card-title {
font-size: 2rem; font-size: 2rem;
padding-top: 88px; padding-top: 88px;
color: #ffffff; color: #000;
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
} }
@ -607,7 +606,7 @@ const handleLink = (item) => {
left: 0; left: 0;
width: 60PX; width: 60PX;
height: 4PX; height: 4PX;
background: #ffffff; background: #FF7BAC;
transform: translateY(-20px); transform: translateY(-20px);
} }
@ -642,12 +641,12 @@ const handleLink = (item) => {
display: flex; display: flex;
/* justify-content: space-between; */ /* justify-content: space-between; */
margin: 10PX; margin: 10PX;
border-left: 2PX solid #00ffff; border-left: 2PX solid #FF7BAC;
transform: translateX(-10PX); transform: translateX(-10PX);
padding-left: 10PX; padding-left: 10PX;
font-size: 12PX; font-size: 12PX;
color: #fff; color: #000;
} }
.data-label { .data-label {

47
src/views/myHome/size768/index.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 630px; pointer-events: none; mix-blend-mode: multiply" style="width: 630px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
</div> </div>
<div class="w-[100%] h-[813PX] z-[] top-0 absolute"> <div class="w-[100%] h-[813PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]"> <div class="relative w-[100%] h-[100%]">
@ -118,7 +118,7 @@
</div> </div>
</section> </section>
<!-- 新闻模块 --> <!-- 新闻模块 -->
<section class="news-section relative z-99" style="width: 618px; margin: 60px auto"> <section class="news-section relative z-99" style="width: 618px; margin: 60px auto; margin-top: 100px;">
<div class="flex justify-between"> <div class="flex justify-between">
<h2 class="section-titles section-titles1"> <h2 class="section-titles section-titles1">
{{ $t("HOME.CONTAINY.NEWS.TITLE") }} {{ $t("HOME.CONTAINY.NEWS.TITLE") }}
@ -128,7 +128,7 @@
<img <img
v-if="currentPage === 0" v-if="currentPage === 0"
disabled disabled
class="w-[38px] h-[38px]" class="w-[38PX] h-[38PX]"
src="@/assets/image/content/switch_right.png" src="@/assets/image/content/switch_right.png"
alt="" alt=""
/> />
@ -136,13 +136,13 @@
v-else v-else
@click="prevPage" @click="prevPage"
src="@/assets/image/content/switch_left.png" src="@/assets/image/content/switch_left.png"
class="transform rotate-180 w-[38px] h-[38px] cursor-pointer" class="transform rotate-180 w-[38PX] h-[38PX] ml-[20PX] cursor-pointer"
alt="" alt=""
/> />
<img <img
v-if="currentPage >= totalPages - 1" v-if="currentPage >= totalPages - 1"
class="transform rotate-180 w-[38px] h-[38px] ml-[20px]" class="transform rotate-180 w-[38PX] h-[38PX] ml-[20px]"
disabled disabled
src="@/assets/image/content/switch_right.png" src="@/assets/image/content/switch_right.png"
alt="" alt=""
@ -150,7 +150,7 @@
<img <img
v-else v-else
@click="nextPage" @click="nextPage"
class="w-[38px] h-[38px] ml-[20px] cursor-pointer" class="w-[38PX] h-[38PX] ml-[20px] cursor-pointer"
src="@/assets/image/content/switch_left.png" src="@/assets/image/content/switch_left.png"
alt="" alt=""
/> />
@ -324,14 +324,14 @@
</section> </section>
<!-- 新增：股票信息与活动预告双栏模块 --> <!-- 新增：股票信息与活动预告双栏模块 -->
<section <section
class="dual-column-section bg-[url('@/assets/image/content/information1.png')]" class="dual-column-section bg-[url('@/assets/image/content/bg_stock768.png')] relative z-10"
style=" style="
width: 100vw; width: 100vw;
height: 743px; height: 1043px;
margin: 60px auto; margin: 60px auto;
padding: 0 40px; padding: 0 40px;
padding-top: 50px;
background-size: 100% 100%; background-size: 100% 100%;
background-color: #e7407e;
" "
> >
<div style="width: 618px" class="m-auto"> <div style="width: 618px" class="m-auto">
@ -421,7 +421,7 @@
</div> </div>
</section> </section>
<section <section
class="dual-column-section" class="dual-column-section relative z-10"
style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px" style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
> >
<div class="w-[618PX] m-auto"> <div class="w-[618PX] m-auto">
@ -719,8 +719,8 @@ const handleLink = (item) => {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
width: 60px; width: 60PX;
height: 4px; height: 4PX;
background: #ff7bac; background: #ff7bac;
transform: translateY(-20px); transform: translateY(-20px);
} }
@ -805,7 +805,7 @@ const handleLink = (item) => {
.card-title { .card-title {
font-size: 2.5rem; font-size: 2.5rem;
padding-top: 88px; padding-top: 88px;
color: #ffffff; color: #000;
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
} }
@ -814,9 +814,9 @@ const handleLink = (item) => {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
width: 60px; width: 60PX;
height: 4px; height: 4PX;
background: #ffffff; background: #ff7bac;
transform: translateY(-20px); transform: translateY(-20px);
} }
@ -832,8 +832,8 @@ const handleLink = (item) => {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
width: 60px; width: 60PX;
height: 4px; height: 4PX;
background: #ff7bac; background: #ff7bac;
transform: translateY(-20px); transform: translateY(-20px);
} }
@ -845,22 +845,23 @@ const handleLink = (item) => {
.stock-data { .stock-data {
margin-bottom: 25px; margin-bottom: 25px;
margin-top: 100px;
} }
.data-row { .data-row {
display: flex; display: flex;
/* justify-content: space-between; */ /* justify-content: space-between; */
margin: 24px 0; margin: 40px 0;
border-left: 2px solid #00ffff; border-left: 2px solid #FF7BAC;
transform: translateX(-10px); transform: translateX(-10px);
padding-left: 30px; padding-left: 30px;
font-size: 14PX; font-size: 14PX;
color: #fff; color: #000;
} }
.data-label { .data-label {
// font-weight: 500; // font-weight: 500;
width: 150px; min-width: 180px;
} }
.data-value { .data-value {

2
src/views/news/size1440/index.vue
View File

@ -8,7 +8,7 @@
style="width: 900px" style="width: 900px"
> >
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply" style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

2
src/views/news/size1920/index.vue
View File

@ -8,7 +8,7 @@
style="width: 900px" style="width: 900px"
> >
<div <div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1" class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply" style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
> >
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" /> <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />