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

Compare commits

base: scout666:be7604152e22541551385e7bfddd4fa8b26c3c85
Branches Tags
scout666:main
scout666:newmain-20250926
scout666:yk-20250926
scout666:zhangyuanshan-20250925
scout666:main-20250926
scout666:LiWenHao
scout666:clearRoot
scout666:wyfMain-dev-infoManage
scout666:dev
scout666:wyfMain-dev
scout666:xingyy
scout666:qb
scout666:1.0.0
..
compare: scout666:fc3ea34dcba8431ee4034c16469141822b2c6a36
Branches Tags
scout666:newmain-20250926
scout666:yk-20250926
scout666:zhangyuanshan-20250925
scout666:main-20250926
scout666:LiWenHao
scout666:main
scout666:clearRoot
scout666:wyfMain-dev-infoManage
scout666:dev
scout666:wyfMain-dev
scout666:xingyy
scout666:qb
scout666:1.0.0

No commits in common. "be7604152e22541551385e7bfddd4fa8b26c3c85" and "fc3ea34dcba8431ee4034c16469141822b2c6a36" have entirely different histories.
be7604152e ... fc3ea34dcb

39 changed files with 97 additions and 95 deletions
Show Stats Expand all files Collapse all files

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 125 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 41 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 86 KiB

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -8,7 +8,7 @@
/>
</div>
<div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
>
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -20,7 +20,7 @@
</div>
<div class="w-[900PX] mx-auto relative z-11">
<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
v-for="(item, index) in state.list"

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

@ -8,7 +8,7 @@
/>
</div>
<div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
>
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -20,7 +20,7 @@
</div>
<div class="w-[900PX] mx-auto relative z-11">
<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
v-for="(item, index) in state.list"

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

@ -8,10 +8,10 @@
/>
</div>
<div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
style="width: 327px; pointer-events: none; mix-blend-mode: multiply"
>
<img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
<img
src="@/assets/image/content/bg_25.png"
class="w-[100vw] h-[611PX] relative"
@ -20,7 +20,7 @@
</div>
<div class="w-[327PX] mx-auto relative z-11">
<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
v-for="(item, index) in state.list"

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

@ -8,10 +8,10 @@
/>
</div>
<div
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
>
<img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
<img
src="@/assets/image/content/bg_25.png"
class="w-[100vw] h-[611PX] relative"
@ -20,7 +20,7 @@
</div>
<div class="w-[618PX] mx-auto relative z-11">
<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
v-for="(item, index) in state.list"

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

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

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

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

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

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

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

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

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

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