修改样式

This commit is contained in:
liwenhao 2025-05-23 20:22:52 +08:00
parent bdb29764be
commit 62a565d986
4 changed files with 69 additions and 18 deletions

View File

@ -322,6 +322,8 @@ const getCommitteeRole = (name, committee) => {
} }
.director-link { .director-link {
color: #895bff; color: #895bff;
font-size: 18px;
font-weight: bold;
text-decoration: none; text-decoration: none;
transition: color 0.3s ease; transition: color 0.3s ease;
} }

View File

@ -1,12 +1,18 @@
<template> <template>
<div class="title mb-[50px] text-center"> <div class="title mb-[50px] text-center">
<h1 class="text-5xl font-light text-gray-800 mb-4 tracking-tight"> <div
style="font-size: 40px; margin-top: 60px"
class="text-5xl font-light text-gray-800 mb-4 tracking-tight"
>
Corporate Governance Corporate Governance
</h1> </div>
<div class="w-24 h-1 bg-[#895bff] mx-auto"></div> <div class="w-24 h-1 bg-[#895bff] mx-auto"></div>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div
style="padding: 30px 150px"
class="grid grid-cols-1 md:grid-cols-2 gap-8"
>
<div <div
v-for="(item, index) in state.list" v-for="(item, index) in state.list"
:key="index" :key="index"
@ -36,7 +42,10 @@
</svg> </svg>
</div> </div>
<div> <div>
<h1 class="text-2xl font-medium text-gray-800 mb-2"> <h1
style="font-size: 18px"
class="text-2xl font-medium text-gray-800 mb-2"
>
{{ item.title }} {{ item.title }}
</h1> </h1>
</div> </div>

View File

@ -26,7 +26,7 @@
style="max-width: 1200px; margin: 60px auto; padding: 0 40px" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
> >
<h1 class="section-titles">Company profile</h1> <h1 class="section-titles">Company profile</h1>
<h2 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h2> <h3 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h3>
<div class="content-block"> <div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p> <p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p> <p>
@ -41,7 +41,7 @@
</section> </section>
<!-- 使命与愿景 --> <!-- 使命与愿景 -->
<section <!-- <section
class="mission-vision" class="mission-vision"
style=" style="
max-width: 1200px; max-width: 1200px;
@ -63,7 +63,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</section> </section> -->
<!-- 企业里程碑 --> <!-- 企业里程碑 -->
<section <section
@ -117,6 +117,23 @@
</ul> </ul>
</div> </div>
</section> </section>
<!-- 突出成就 -->
<section
class="achievements"
style="
max-width: 1200px;
margin: 60px auto;
padding: 0 40px;
background: #f8fafc;
"
>
<h2 class="section-titles">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
</h2>
<p style="font-size: 18px">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT").replace("•", "") }}
</p>
</section>
<!-- 新闻模块 --> <!-- 新闻模块 -->
<section <section
class="news-section" class="news-section"
@ -350,7 +367,7 @@ onUnmounted(() => {
} }
.section-title { .section-title {
font-size: 1.125rem; /* 18px */ font-size: 1.5rem; /* 18px */
margin-bottom: 30px; margin-bottom: 30px;
color: #895bff; color: #895bff;
} }
@ -439,7 +456,7 @@ onUnmounted(() => {
} }
.card-title { .card-title {
font-size: 1.8rem; font-size: 2.5rem;
margin-bottom: 25px; margin-bottom: 25px;
color: #333; color: #333;
position: relative; position: relative;
@ -475,10 +492,12 @@ onUnmounted(() => {
.data-label { .data-label {
color: #666; color: #666;
font-weight: 500; font-weight: 500;
font-size: 18px;
} }
.data-value { .data-value {
font-weight: 600; font-weight: 600;
font-size: 18px;
} }
.positive { .positive {
@ -575,9 +594,10 @@ onUnmounted(() => {
} }
.news-excerpt { .news-excerpt {
color: #555; color: black;
line-height: 1.7; line-height: 0.8;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 18px;
} }
.news-link { .news-link {

View File

@ -26,7 +26,7 @@
style="max-width: 1200px; margin: 60px auto; padding: 0 40px" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
> >
<h1 class="section-titles">Company profile</h1> <h1 class="section-titles">Company profile</h1>
<h2 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h2> <h3 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h3>
<div class="content-block"> <div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p> <p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p> <p>
@ -41,7 +41,7 @@
</section> </section>
<!-- 使命与愿景 --> <!-- 使命与愿景 -->
<section <!-- <section
class="mission-vision" class="mission-vision"
style=" style="
max-width: 1200px; max-width: 1200px;
@ -63,7 +63,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</section> </section> -->
<!-- 企业里程碑 --> <!-- 企业里程碑 -->
<section <section
@ -117,6 +117,23 @@
</ul> </ul>
</div> </div>
</section> </section>
<!-- 突出成就 -->
<section
class="achievements"
style="
max-width: 1200px;
margin: 60px auto;
padding: 0 40px;
background: #f8fafc;
"
>
<h2 class="section-titles">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
</h2>
<p style="font-size: 18px">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT").replace("•", "") }}
</p>
</section>
<!-- 新闻模块 --> <!-- 新闻模块 -->
<section <section
class="news-section" class="news-section"
@ -350,7 +367,7 @@ onUnmounted(() => {
} }
.section-title { .section-title {
font-size: 1.125rem; /* 18px */ font-size: 1.5rem; /* 18px */
margin-bottom: 30px; margin-bottom: 30px;
color: #895bff; color: #895bff;
} }
@ -439,7 +456,7 @@ onUnmounted(() => {
} }
.card-title { .card-title {
font-size: 1.8rem; font-size: 2.5rem;
margin-bottom: 25px; margin-bottom: 25px;
color: #333; color: #333;
position: relative; position: relative;
@ -475,10 +492,12 @@ onUnmounted(() => {
.data-label { .data-label {
color: #666; color: #666;
font-weight: 500; font-weight: 500;
font-size: 18px;
} }
.data-value { .data-value {
font-weight: 600; font-weight: 600;
font-size: 18px;
} }
.positive { .positive {
@ -575,9 +594,10 @@ onUnmounted(() => {
} }
.news-excerpt { .news-excerpt {
color: #555; color: black;
line-height: 1.7; line-height: 0.8;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 18px;
} }
.news-link { .news-link {