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

修改字体大小 以及文字

Browse Source
This commit is contained in:
liwenhao 2025-05-26 15:38:24 +08:00
parent b184eba64d
commit 91485a72b4
7 changed files with 59 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,9 +4,9 @@
<!-- 渐变背景标题区 - 增加层次感 -->
<section class="hero-section">
<div class="container">
<div class="hero-title">
<h1 class="hero-title">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }}
</div>
</h1>
<div style="font-size: 18px" class="hero-description">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
</div>
@ -15,9 +15,9 @@
<!-- 业务核心解决方案 -->
<main style="margin-top: 40px" class="container">
<section>
<div class="hero-title">
<h1 class="hero-title">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
</div>
</h1>
</section>
<div class="solution-grid">
@ -42,7 +42,9 @@
class="content-point"
>
<div class="point-icon">•</div>
<div class="point-text">{{ point }}</div>
<div style="font-size: 18px" class="point-text">
{{ point }}
</div>
</li>
</ul>
</div>
@ -152,11 +154,6 @@ const solutions = computed(() => [
border-radius: 2px;
}
/* 解决方案网格 */
.solution-grid {
padding: 0rem 0 4rem;
}
.solution-group {
display: flex;
flex-direction: column;
@ -175,10 +172,6 @@ const solutions = computed(() => [
flex: 1;
margin-top: 20px;
}
.solution-card {
height: 350px;
}
}
/* 移动端布局（<768px） */
@ -213,39 +206,15 @@ const solutions = computed(() => [
/* 卡片公共样式 */
.solution-card {
background: white;
border-radius: 16px;
padding: 2.5rem;
box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1);
transform: translateY(20px);
opacity: 0;
animation: cardEnter 0.6s ease forwards;
position: relative;
overflow: hidden;
border: 1px solid rgba(137, 91, 255, 0.2);
background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
}
.solution-card::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
135deg,
rgba(137, 91, 255, 0.03) 0%,
rgba(137, 91, 255, 0) 100%
);
z-index: -1;
}
.solution-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 50px rgba(137, 91, 255, 0.2);
}
.card-header {
margin-bottom: 2rem;
}
@ -284,7 +253,7 @@ const solutions = computed(() => [
.point-text {
color: #4a3a6b;
line-height: 1.6;
font-size: 1rem;
font-size: 18px;
}
@keyframes cardEnter {

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

@ -4,9 +4,9 @@
<!-- 渐变背景标题区 - 增加层次感 -->
<section class="hero-section">
<div class="container">
<div class="hero-title">
<h1 class="hero-title">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }}
</div>
</h1>
<div style="font-size: 18px" class="hero-description">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
</div>
@ -15,9 +15,9 @@
<!-- 业务核心解决方案 -->
<main style="margin-top: 40px" class="container">
<section>
<div class="hero-title">
<h1 class="hero-title">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
</div>
</h1>
</section>
<div class="solution-grid">
@ -42,7 +42,9 @@
class="content-point"
>
<div class="point-icon">•</div>
<div class="point-text">{{ point }}</div>
<div style="font-size: 18px" class="point-text">
{{ point }}
</div>
</li>
</ul>
</div>
@ -152,11 +154,6 @@ const solutions = computed(() => [
border-radius: 2px;
}
/* 解决方案网格 */
.solution-grid {
padding: 0rem 0 4rem;
}
.solution-group {
display: flex;
flex-direction: column;
@ -175,10 +172,6 @@ const solutions = computed(() => [
flex: 1;
margin-top: 20px;
}
.solution-card {
height: 350px;
}
}
/* 移动端布局（<768px） */
@ -213,39 +206,15 @@ const solutions = computed(() => [
/* 卡片公共样式 */
.solution-card {
background: white;
border-radius: 16px;
padding: 2.5rem;
box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1);
transform: translateY(20px);
opacity: 0;
animation: cardEnter 0.6s ease forwards;
position: relative;
overflow: hidden;
border: 1px solid rgba(137, 91, 255, 0.2);
background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
}
.solution-card::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
135deg,
rgba(137, 91, 255, 0.03) 0%,
rgba(137, 91, 255, 0) 100%
);
z-index: -1;
}
.solution-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 50px rgba(137, 91, 255, 0.2);
}
.card-header {
margin-bottom: 2rem;
}
@ -284,7 +253,7 @@ const solutions = computed(() => [
.point-text {
color: #4a3a6b;
line-height: 1.6;
font-size: 1rem;
font-size: 18px;
}
@keyframes cardEnter {

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

@ -43,7 +43,9 @@
class="content-point"
>
<div class="point-icon">•</div>
<div class="point-text">{{ point }}</div>
<div style="font-size: 18px" class="point-text">
{{ point }}
</div>
</li>
</ul>
</div>

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

@ -43,7 +43,9 @@
class="content-point"
>
<div class="point-icon">•</div>
<div class="point-text">{{ point }}</div>
<div style="font-size: 18px" class="point-text">
{{ point }}
</div>
</li>
</ul>
</div>

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

@ -6,9 +6,9 @@
class="company-overview"
style="max-width: 1200px; margin: 60px auto"
>
<h2 class="section-title">
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
</h2>
</h1>
<div class="content-block">
<div style="font-size: 18px">
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@ -20,12 +20,11 @@
<!-- 使命愿景卡片 -->
<section class="mission-section">
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
</h1>
<div class="mission-cards">
<n-card hoverable class="mission-card" v-motion-pop>
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<br />
<n-p style="font-size: 18px" class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
}}</n-p>
@ -41,9 +40,9 @@
<!-- 里程碑时间轴 -->
<!-- 里程碑时间轴 -->
<section class="section timeline-section">
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFOUR.TITLE")
}}</n-h2>
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }}
</h1>
<div class="timeline">
<!-- 1977-2015 -->
<div class="timeline-item" v-motion-slide-visible-once-bottom>
@ -163,9 +162,9 @@
<!-- 成就部分 -->
<section class="achievement-section" v-motion-fade>
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
}}</n-h2>
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
</h1>
<br />
<n-p style="font-size: 18px" class="section-content">{{
@ -199,7 +198,7 @@ const stats = ref([
.company-overview {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
/* padding: 0 20px; */
}
/* 顶部大图区域 */

25
src/views/companyoverview/size1920/index.vue
View File

@ -6,9 +6,9 @@
class="company-overview"
style="max-width: 1200px; margin: 60px auto"
>
<h2 class="section-title">
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
</h2>
</h1>
<div class="content-block">
<div style="font-size: 18px">
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@ -20,12 +20,11 @@
<!-- 使命愿景卡片 -->
<section class="mission-section">
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
</h1>
<div class="mission-cards">
<n-card hoverable class="mission-card" v-motion-pop>
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<br />
<n-p style="font-size: 18px" class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
}}</n-p>
@ -41,9 +40,9 @@
<!-- 里程碑时间轴 -->
<!-- 里程碑时间轴 -->
<section class="section timeline-section">
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFOUR.TITLE")
}}</n-h2>
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }}
</h1>
<div class="timeline">
<!-- 1977-2015 -->
<div class="timeline-item" v-motion-slide-visible-once-bottom>
@ -163,9 +162,9 @@
<!-- 成就部分 -->
<section class="achievement-section" v-motion-fade>
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
}}</n-h2>
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
</h1>
<br />
<n-p style="font-size: 18px" class="section-content">{{
@ -199,7 +198,7 @@ const stats = ref([
.company-overview {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
/* padding: 0 20px; */
}
/* 顶部大图区域 */

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

@ -6,9 +6,9 @@
class="company-overview"
style="max-width: 1200px; margin: 60px auto"
>
<h2 class="section-title">
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
</h2>
</h1>
<div class="content-block">
<div style="font-size: 18px">
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@ -20,12 +20,11 @@
<!-- 使命愿景卡片 -->
<section class="mission-section">
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
</h1>
<div class="mission-cards">
<n-card hoverable class="mission-card" v-motion-pop>
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<br />
<n-p style="font-size: 18px" class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
}}</n-p>
@ -41,9 +40,9 @@
<!-- 里程碑时间轴 -->
<!-- 里程碑时间轴 -->
<section class="section timeline-section">
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFOUR.TITLE")
}}</n-h2>
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }}
</h1>
<div class="timeline">
<!-- 1977-2015 -->
<div class="timeline-item" v-motion-slide-visible-once-bottom>
@ -163,9 +162,9 @@
<!-- 成就部分 -->
<section class="achievement-section" v-motion-fade>
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
}}</n-h2>
<h1 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
</h1>
<br />
<n-p style="font-size: 18px" class="section-content">{{
@ -191,14 +190,14 @@ const stats = ref([
<style scoped>
.home-page {
background-image: url("@/assets/image/bg-mobile.png");
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.company-overview {
margin: 0 auto;
padding: 0 20px;
/* padding: 0 20px; */
}
/* 顶部大图区域 */