|
@@ -17,7 +17,7 @@
|
|
|
</div>
|
|
|
<!-- 服务 -->
|
|
|
<div class="service-link">
|
|
|
- <div class="service-link-box common-width">
|
|
|
+ <div class="service-link-box" style="width: 199%; max-width: 1200px;">
|
|
|
<ul>
|
|
|
<li
|
|
|
v-for="(val, index) in service"
|
|
@@ -60,10 +60,10 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <!-- 我们的见解 -->
|
|
|
+ <!-- 行业的观点 -->
|
|
|
<div class="articles common-width">
|
|
|
<div class="line"></div>
|
|
|
- <h2 class="text-center">我们的见解</h2>
|
|
|
+ <h2 class="text-center">行业的观点</h2>
|
|
|
<div class="d-flex article-box">
|
|
|
<div v-for="(val, i) in articles" :key="i" class="article-box-item" @click="handleClick('article', val.id)">
|
|
|
<div class="sshr__article__flyout-placeholder"></div>
|
|
@@ -89,16 +89,16 @@
|
|
|
<div class="left">
|
|
|
<h2>欢迎关注,了解门墩儿的新动态。</h2>
|
|
|
<p class="mt-3" style="font-size: .9rem;">门墩儿在所有主流社交媒体都有账号。欢迎关注我们,以便了解关于发展趋势和领导力问题的最新见解。</p>
|
|
|
- <div class="social-contact">
|
|
|
- <div v-for="(item, index) in social" :key="index" class="d-flex" :class="{'mb-5': index !== social.length - 1}">
|
|
|
- <v-img :src="item.url" width="52" height="48" class="cursor-pointer"></v-img>
|
|
|
- <v-tooltip v-if="item.showTooltip" :text="item.tips" location="start" activator="parent">
|
|
|
- <div class="ma-3" style="text-align: center">
|
|
|
- <v-img class="ml-2" cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" width="120" height="120"></v-img>
|
|
|
- <span class="tips-text">关注门墩儿微信公众号</span>
|
|
|
- </div>
|
|
|
- </v-tooltip>
|
|
|
- <p class="ml-5">{{ item.desc }}</p>
|
|
|
+ <div class="social-contact mt-5">
|
|
|
+ <p class="mb-2">联系方式</p>
|
|
|
+ <p>猎头顾问: 姚嘉庆 Julia</p>
|
|
|
+ <p>邮 箱:Julia.yao@menduner.com</p>
|
|
|
+ <p>手 机:18501626969</p>
|
|
|
+ <div class="mt-5 text-center">
|
|
|
+ <div style="width: 120px; height: 120px; margin: auto;">
|
|
|
+ <v-img class="ml-2" cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" width="120" height="120"></v-img>
|
|
|
+ </div>
|
|
|
+ <span class="tips-text ml-6">关注门墩儿微信公众号</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -128,7 +128,8 @@ const service = [
|
|
|
{ title: '人才发展储备策略', id: 'talent-development-reserve-strategy' },
|
|
|
{ title: '管理者能力提升方案', id: 'manager-capability-enhancement-plan' },
|
|
|
{ title: '卓越成长轨迹', id: 'excellent-growth-trajectory' },
|
|
|
- { title: '高管信誉与资质验证', id: 'senior-management-elite-verification' }
|
|
|
+ { title: '高管信誉与资质验证', id: 'senior-management-elite-verification' },
|
|
|
+ { title: '多样化的人才网络', id: 'diversified-talent-network' }
|
|
|
]
|
|
|
// 办公地点
|
|
|
const countryOffice = [
|
|
@@ -149,10 +150,10 @@ const articles = [
|
|
|
{ title: '全球视角下的CFO角色演变:跨领域高管的洞察与应对策略', id: 'the-evolution-of-the-cfo-role-from-a-global-perspective', url: 'https://cn.spencerstuart.com/-/media/search-images/placeholder-hdr.jpg' }
|
|
|
]
|
|
|
// 联系我们
|
|
|
-const social = [
|
|
|
- { desc: '敬请查询我们的领英账号以关注最新的研究报告和职业机会。', url: 'https://cn.spencerstuart.com/-/media/linkedin-logo.png?h=50&w=50&la=zh-CN&hash=80E76CEDF468709061F46EE02219B4DA' },
|
|
|
- { showTooltip: true, desc: '关注门墩儿官方微信公众号,获悉热点资讯和行业洞见。', url: 'https://cn.spencerstuart.com/-/media/wechat.jpg?h=75&w=75&la=zh-CN&hash=B9D5E58A097630C3C5A878D5ED49B4A6' }
|
|
|
-]
|
|
|
+// const social = [
|
|
|
+// { desc: '敬请查询我们的领英账号以关注最新的研究报告和职业机会。', url: 'https://cn.spencerstuart.com/-/media/linkedin-logo.png?h=50&w=50&la=zh-CN&hash=80E76CEDF468709061F46EE02219B4DA' },
|
|
|
+// { showTooltip: true, desc: '关注门墩儿官方微信公众号,获悉热点资讯和行业洞见。', url: 'https://cn.spencerstuart.com/-/media/wechat.jpg?h=75&w=75&la=zh-CN&hash=B9D5E58A097630C3C5A878D5ED49B4A6' }
|
|
|
+// ]
|
|
|
|
|
|
const handleClick = (type, id) => {
|
|
|
if (!type && !id) return
|
|
@@ -251,7 +252,7 @@ const handleClick = (type, id) => {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
li {
|
|
|
- width: 20%;
|
|
|
+ width: 16.6%;
|
|
|
padding: 13px;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
@@ -520,7 +521,6 @@ const handleClick = (type, id) => {
|
|
|
.social-contact {
|
|
|
padding: 28px 26px;
|
|
|
background-color: #f5f7f9;
|
|
|
- margin-top: 40px;
|
|
|
}
|
|
|
}
|
|
|
.right {
|