mirror of
http://112.124.100.131/happyinsurance_eco/ebiz-sunful-eco-web.git
synced 2025-12-10 03:16:51 +08:00
refactor(views): 更新公司介绍和荣誉信息
- 修改了公司介绍页面的文本内容,优化了表述结构 - 更新了公司荣誉页面的年份和描述信息- 调整了部分页面的样式布局,提高了可读性
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@ export default {
|
||||
return {
|
||||
timelineList: [
|
||||
{
|
||||
2025: '2025年幸福人寿将生态建设提升为公司重点任务,与各个领域的前沿机构、组织、企业通力合作,围绕“生活娱乐、养老安排、医疗健康、子女教育、财富管理”五个方面,打造五位一体的“幸福生态圈”。'
|
||||
2025: '2025年幸福人寿将生态建设提升为公司重点任务,与各个领域的前沿机构、组织、企业通力合作,围绕“健康医疗、养老服务、子女教育、财富管理、生活娱乐”五个方面,打造五位一体的“幸福生态圈”。'
|
||||
},
|
||||
{
|
||||
2023: '幸福人寿全国空中客服业务中心在日肃兰州成立。通过“空中客服”这一全新服务模式,客户借助手机视频连线公司客服人员,即可在线办理业务享受优质快捷、有温度的服务体验。'
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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 PROFILE</h2>
|
||||
<h1>关于幸福</h1>
|
||||
<p>
|
||||
成立于2007年,总部设在北京,公司注册资本金达101.3亿元人民币,位于寿险公司前列,资本实力雄厚截至2024年年末,公司总资产达1,316.62亿元人民币。
|
||||
成立于2007年,总部设在北京,公司注册资本金达101.3亿元人民币,位于寿险公司前列,资本实力雄厚。截至2024年末,公司总资产达1,316.62亿元人民币。
|
||||
</p>
|
||||
<p>
|
||||
截至目前,公司已设立了22家分公司,200余家分支机构,为全国超过百万个人客户及近万家企业客户提供丰富、周到、快捷、优质的保险服务。
|
||||
|
||||
@@ -33,12 +33,12 @@ export default {
|
||||
},
|
||||
{
|
||||
year: '2024',
|
||||
content: '"新浪中国·保险新质生产力高峰 论坛上”,幸福人寿荣获“鼎元奖·年度品牌价值成长保险公司”',
|
||||
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" />
|
||||
|
||||
Reference in New Issue
Block a user