修改样式

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 {
color: #895bff;
font-size: 18px;
font-weight: bold;
text-decoration: none;
transition: color 0.3s ease;
}

View File

@ -1,12 +1,18 @@
<template>
<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
</h1>
</div>
<div class="w-24 h-1 bg-[#895bff] mx-auto"></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
v-for="(item, index) in state.list"
:key="index"
@ -36,7 +42,10 @@
</svg>
</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 }}
</h1>
</div>

View File

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

View File

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