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

Merge pull request 'feat: 768 375尺寸背景线更换' (#5) from yk-20250926 into newmain-20250926

Browse Source 
Reviewed-on: http://gitea.tools.fontree.cn:3000/scout666/fiee-official-website/pulls/5
This commit is contained in:
yinkang 2025-10-24 01:18:11 +00:00
commit be7604152e
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>
<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">
<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-1"
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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 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-1"
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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 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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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
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/line.png" class="w-[100%]" alt="" />
<img src="@/assets/image/content/line375.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/line.png" class="w-[100%]" alt="" />
<img src="@/assets/image/content/line768.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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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 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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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 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-[1]"
class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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 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-[1]"
class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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 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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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 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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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 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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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
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-[1]"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
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
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
>
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -344,14 +344,13 @@
</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="
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">
@ -459,7 +458,7 @@
</div>
</section>
<section
class="dual-column-section"
class="dual-column-section relative z-10"
style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
>
<div class="w-[900PX] m-auto">
@ -843,7 +842,7 @@ const handleLink = (item) => {
.card-title {
font-size: 2.5rem;
padding-top: 88px;
color: #ffffff;
color: #000;
position: relative;
margin-bottom: 0;
}
@ -854,7 +853,7 @@ const handleLink = (item) => {
left: 0;
width: 60px;
height: 4px;
background: #ffffff;
background: #FF7BAC;
transform: translateY(-20px);
}
@ -889,10 +888,10 @@ const handleLink = (item) => {
display: flex;
/* justify-content: space-between; */
margin: 24px 0;
border-left: 2px solid #00ffff;
border-left: 2px solid #FF7BAC;
font-size: 14px;
color: #fff;
color: #000;
}
.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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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,14 +344,13 @@
</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="
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">
@ -459,7 +458,7 @@
</div>
</section>
<section
class="dual-column-section"
class="dual-column-section relative z-10"
style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
>
<div class="w-[900PX] m-auto">
@ -843,7 +842,7 @@ const handleLink = (item) => {
.card-title {
font-size: 2.5rem;
padding-top: 88px;
color: #ffffff;
color: #000;
position: relative;
margin-bottom: 0;
}
@ -854,7 +853,7 @@ const handleLink = (item) => {
left: 0;
width: 60px;
height: 4px;
background: #ffffff;
background: #FF7BAC;
transform: translateY(-20px);
}
@ -889,10 +888,10 @@ const handleLink = (item) => {
display: flex;
/* justify-content: space-between; */
margin: 24px 0;
border-left: 2px solid #00ffff;
border-left: 2px solid #FF7BAC;
font-size: 14px;
color: #fff;
color: #000;
}
.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-1"
<div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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 class="w-[100%] h-[800PX] z-[] top-0 absolute">
<div class="relative w-[100%] h-[100%]">
@ -131,13 +131,12 @@
</div>
</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;
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">
<!-- 股票信息卡片 -->
@ -183,7 +182,7 @@
</div>
</div>
</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="">
<h2 class="card-title1">
@ -596,7 +595,7 @@ const handleLink = (item) => {
.card-title {
font-size: 2rem;
padding-top: 88px;
color: #ffffff;
color: #000;
position: relative;
margin-bottom: 0;
}
@ -607,7 +606,7 @@ const handleLink = (item) => {
left: 0;
width: 60PX;
height: 4PX;
background: #ffffff;
background: #FF7BAC;
transform: translateY(-20px);
}
@ -642,12 +641,12 @@ const handleLink = (item) => {
display: flex;
/* justify-content: space-between; */
margin: 10PX;
border-left: 2PX solid #00ffff;
border-left: 2PX solid #FF7BAC;
transform: translateX(-10PX);
padding-left: 10PX;
font-size: 12PX;
color: #fff;
color: #000;
}
.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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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 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">
<section class="news-section relative z-99" style="width: 618px; margin: 60px auto; margin-top: 100px;">
<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] cursor-pointer"
class="transform rotate-180 w-[38PX] h-[38PX] ml-[20PX] 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/information1.png')]"
class="dual-column-section bg-[url('@/assets/image/content/bg_stock768.png')] relative z-10"
style="
width: 100vw;
height: 743px;
height: 1043px;
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"
class="dual-column-section relative z-10"
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: #ffffff;
color: #000;
position: relative;
margin-bottom: 0;
}
@ -814,9 +814,9 @@ const handleLink = (item) => {
content: "";
position: absolute;
left: 0;
width: 60px;
height: 4px;
background: #ffffff;
width: 60PX;
height: 4PX;
background: #ff7bac;
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,22 +845,23 @@ const handleLink = (item) => {
.stock-data {
margin-bottom: 25px;
margin-top: 100px;
}
.data-row {
display: flex;
/* justify-content: space-between; */
margin: 24px 0;
border-left: 2px solid #00ffff;
margin: 40px 0;
border-left: 2px solid #FF7BAC;
transform: translateX(-10px);
padding-left: 30px;
font-size: 14PX;
color: #fff;
color: #000;
}
.data-label {
// font-weight: 500;
width: 150px;
min-width: 180px;
}
.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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
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-1"
class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
>
<img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />