修改样式
This commit is contained in:
parent
bdb29764be
commit
62a565d986
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user