refactor(views): 更新公司介绍和荣誉信息

- 修改了公司介绍页面的文本内容,优化了表述结构
- 更新了公司荣誉页面的年份和描述信息- 调整了部分页面的样式布局,提高了可读性
This commit is contained in:
陈昱达
2025-07-16 18:41:16 +08:00
parent eb6e25d40d
commit d3fa6b04cb
7 changed files with 46 additions and 38 deletions

View File

@@ -417,7 +417,7 @@ export default {
&:hover {
.cursor-desc {
background-image: url('../../../../assets/images/new/t1-desc.png');
//background-image: url('../../../../assets/images/new/t1-desc.png');
transform: translate(-1070px, 285px) translateZ(0);
}
}
@@ -434,7 +434,7 @@ export default {
&:hover {
.cursor-desc {
background-image: url('../../../../assets/images/new/t2-desc.png');
//background-image: url('../../../../assets/images/new/t2-desc.png');
transform: translateX(-840px) translateY(112px) translateZ(0);
}
}
@@ -492,7 +492,7 @@ export default {
&:hover {
.cursor-desc {
opacity: 1;
background: url('../../../../assets/images/new/t3-desc.png') no-repeat center / contain;
//background: url('../../../../assets/images/new/t3-desc.png') no-repeat center / contain;
transform: translate(-664px, -130px) translateZ(0);
}
}
@@ -604,7 +604,7 @@ export default {
&:hover {
.cursor-desc {
background: url('../../../../assets/images/new/t4-desc.png') no-repeat center / contain;
//background: url('../../../../assets/images/new/t4-desc.png') no-repeat center / contain;
transform: translate(-945px, -255px) translateZ(0);
opacity: 1;
}
@@ -622,7 +622,7 @@ export default {
&:hover {
.cursor-desc {
background: url('../../../../assets/images/new/t5-desc.png') no-repeat center / contain;
//background: url('../../../../assets/images/new/t5-desc.png') no-repeat center / contain;
opacity: 1;
transform: translate(-630px, -405px) translateZ(0);
}

View File

@@ -14,7 +14,7 @@ export default {
return {
timelineList: [
{
2025: '2025年幸福人寿将生态建设提升为公司重点任务与各个领域的前沿机构、组织、企业通力合作围绕“生活娱乐、养老安排、医疗健康、子女教育、财富管理”五个方面,打造五位一体的“幸福生态圈”。'
2025: '2025年幸福人寿将生态建设提升为公司重点任务与各个领域的前沿机构、组织、企业通力合作围绕“健康医疗、养老服务、子女教育、财富管理、生活娱乐”五个方面,打造五位一体的“幸福生态圈”。'
},
{
2023: '幸福人寿全国空中客服业务中心在日肃兰州成立。通过“空中客服”这一全新服务模式,客户借助手机视频连线公司客服人员,即可在线办理业务享受优质快捷、有温度的服务体验。'

View File

@@ -22,7 +22,11 @@ export default {
title: '2025客户权益重磅升级',
subTitle: '致力于打造“金融+科技+生态”的发展战略格局',
intro:
'全力运用金融科技驱动亚务创新,重构以客户为中心的业务体系和运营体系,推动销售变革,形成高效管理,在不断改善客户体验的同时,与合作伙伴一起形成相互赋能的新型生态。'
'幸福人寿以客户为中心,以合作伙伴为基石,以销售团队为纽带,构建可持续发展的幸福生态。\n<br/>' +
'<b style="color: #000">对客户</b>,我们秉持“守护终身幸福”的价值承诺;\n<br/>' +
'<b style="color: #000">对合作伙伴</b>,我们践行“互补互哺,共生共荣”的价值主张;\n<br/>' +
'<b style="color: #000">对销售团队</b>,我们创建“赋能成长,成就非凡”的价值平台。\n<br/>' +
'生态构建价值理念,诠释了幸福人寿<b style="color: #000">“成人达己,幸福共生”</b>的企业哲学。'
},
ecoContent: {
title: '幸福生态圈',
@@ -41,14 +45,14 @@ export default {
<common-banner :src="banner.src" :title="banner.title" :eTitle="banner.eTitle" :content="banner.content" />
<!-- <img :src="banner.bg2" alt=""> -->
<section>
匠心臻选只为满足客户的每一个需求期待
匠心臻选只为满足的每一个需求期待
</section>
</div>
<!-- 2025客户权益重磅升级 -->
<common-content margin="60px 0 49px 0" :title="upgradeContent.title" :subTitle="upgradeContent.subTitle">
<div class="upgrade-content content">
<div class="upgrade-content-text">
<div>{{ upgradeContent.intro }}</div>
<div v-html="upgradeContent.intro"></div>
</div>
<img :src="require('@/assets/images/pages/ecology/upgrade.webp')" alt="" />
</div>
@@ -58,7 +62,7 @@ export default {
<img :src="require('@/assets/images/pages/ecology/eco.png')" alt="" width="590px" />
<div class="eco-content content">
<div class="eco-content-text">
<div>{{ ecoContent.intro }}</div>
<div v-html="ecoContent.intro"></div>
</div>
</div>
</common-content>
@@ -104,7 +108,7 @@ export default {
.upgrade-content {
.upgrade-content-text {
color: rgb(112, 112, 112);
width: 30%;
//width: 30%;
position: absolute;
top: 86px;
left: 40px;

View File

@@ -22,25 +22,28 @@ export default {
</div>
<!-- 资产 -->
<div class="asset">
<div class="asset-item">
<img src="@/assets/images/pages/intro-left.webp" alt="" />
<div>
<p>公司规模保费</p>
<p>
<span id="intro-bus-span1" class="intro-bus-span"><animate-counter :end="232.76" :duration="500"></animate-counter></span
><span class="normal">亿元</span>
</p>
</div>
</div>
<div class="asset-item">
<img src="@/assets/images/pages/intro-right.webp" alt="" />
<div>
<p>公司新单保费</p>
<p>
<span id="intro-bus-span2" class="intro-bus-span"><animate-counter :end="61.7"></animate-counter></span> <span class="normal">亿元</span>
</p>
</div>
</div>
<div class="asset-item"></div>
<div class="asset-item"></div>
<!-- <div class="asset-item">-->
<!-- <img src="@/assets/images/pages/intro-left.webp" alt="" />-->
<!-- <div>-->
<!-- <p>公司规模保费</p>-->
<!-- <p>-->
<!-- <span id="intro-bus-span1" class="intro-bus-span"><animate-counter :end="232.76" :duration="500"></animate-counter></span-->
<!-- ><span class="normal">亿元</span>-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="asset-item">-->
<!-- <img src="@/assets/images/pages/intro-right.webp" alt="" />-->
<!-- <div>-->
<!-- <p>公司新单保费</p>-->
<!-- <p>-->
<!-- <span id="intro-bus-span2" class="intro-bus-span"><animate-counter :end="61.7"></animate-counter></span> <span class="normal">亿元</span>-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</template>
@@ -77,6 +80,7 @@ export default {
.asset-item {
position: relative;
border: 1px solid #ddd;
div {
position: absolute;

View File

@@ -21,8 +21,8 @@ export default {
<div class="year">2008</div>
<div class="company-list">
<div>北京分公司 | 陕西省分公司 | 深圳分公司</div>
<div>上海分公司 | 湖南省分公司 | 安徽省分公司</div>
<div>重庆分公司 | 辽宁省分公司 | 江苏分公司</div>
<div>湖南省分公司 | 安徽省分公司 | 上海分公司</div>
<div>辽宁省分公司 | 重庆分公司 | 江苏分公司</div>
</div>
</div>
<div class="timeline-item">

View File

@@ -21,13 +21,13 @@ export default {
<!-- 后面的背景图 -->
<img class="background-img" src="@/assets/images/pages/introduction-back.webp" alt="background-img" />
<!-- 公司资产介绍 -->
<img class="intro-img" src="@/assets/images/pages/intro-img.webp" alt="intro-img" />
<!-- <img class="intro-img" src="@/assets/images/pages/intro-img.webp" alt="intro-img" />-->
</div>
<div class="intro-text">
<h2>COMPANY&nbsp;PROFILE</h2>
<h1>关于幸福</h1>
<p>
成立于2007年总部设在北京公司注册资本金达101.3亿元人民币位于寿险公司前列资本实力雄厚截至2024年公司总资产达1,316.62亿元人民币
成立于2007年总部设在北京公司注册资本金达101.3亿元人民币位于寿险公司前列资本实力雄厚截至2024年末公司总资产达1,316.62亿元人民币
</p>
<p>
截至目前公司已设立了22家分公司200余家分支机构为全国超过百万个人客户及近万家企业客户提供丰富周到快捷优质的保险服务

View File

@@ -33,12 +33,12 @@ export default {
},
{
year: '2024',
content: '"新浪中国·保险新质生产力高峰&nbsp;论坛上”,幸福人寿荣获“鼎元奖·年度品牌价值成长保险公司”',
content: '"新浪中国·保险新质生产力高峰论坛”上,幸福人寿荣获“鼎元奖·年度品牌价值成长保险公司”',
img: require('@/assets/images/pages/qualification/g8.webp')
},
{
year: '2024',
content: '“全球金融品牌大会”暨“燕梳奖”年度盛典,幸福人寿荣膺“最佳品牌营销奖”',
content: '“全球金融品牌大会”暨“燕梳奖”年度盛典,幸福人寿荣膺“最佳品牌营销奖”',
img: require('@/assets/images/pages/qualification/g7.webp'),
offset: '0 ,20px'
},
@@ -91,7 +91,7 @@ export default {
img: require('@/assets/images/pages/qualification/g1.webp')
},
{
year: '2023',
year: '2022',
content: '幸福人寿凭借“以房养老”反向抵押养老保险成功入选环球网“2022环球趋势案例”'
}
],
@@ -158,7 +158,7 @@ export default {
<template>
<div class="q-container" :style="{ backgroundColor: '#F5F7FA', paddingBottom: '130px' }">
<common-banner customTop="72px" :src="src" :title="title" :eTitle="eTitle" :content="content" />
<common-content margin="56px 0 38px 0" title="品牌&服务荣誉">
<common-content margin="56px 0 38px 0" title="公司荣誉">
<div class="swiper">
<div class="swiper-left" @click="handleLeft">
<img class="swiper-icon" :src="swiper.leftIcon" alt="left icon" />