|
@@ -9,7 +9,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 数值示例 -->
|
|
|
- <div class="three-up-promo-cards common-width">
|
|
|
+ <div class="three-up-promo-cards">
|
|
|
<div class="three-up-promo-cards__card" v-for="(k, i) in list" :key="i">
|
|
|
<span class="impact-messaging__number">{{ k.title }}</span>
|
|
|
<span class="impact-messaging__copy">{{ k.desc }}</span>
|
|
@@ -81,47 +81,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 联系我们 -->
|
|
|
- <div class="social-media common-width">
|
|
|
- <h5 class="social-media-header">
|
|
|
- <span class="inner-text">联系我们</span>
|
|
|
- </h5>
|
|
|
- <div class="d-flex">
|
|
|
- <div class="left">
|
|
|
- <h2>欢迎关注,了解门墩儿的新动态。</h2>
|
|
|
- <p class="mt-3" style="font-size: .9rem;">门墩儿在所有主流社交媒体都有账号。欢迎关注我们,以便了解关于发展趋势和领导力问题的最新见解。</p>
|
|
|
- <div class="d-flex align-center social-contact mt-5 justify-space-between">
|
|
|
- <div>
|
|
|
- <p class="mb-2">联系方式</p>
|
|
|
- <p>猎头顾问: 姚嘉庆 Julia</p>
|
|
|
- <p>邮 箱:Julia.yao@menduner.com</p>
|
|
|
- <p>手 机:18501626969</p>
|
|
|
- </div>
|
|
|
- <div class="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/menduner/official-account-code4.jpg" width="120" height="120"></v-img>
|
|
|
- </div>
|
|
|
- <div class="tips-text ml-4">门墩儿公众号</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="right text-end">
|
|
|
- <img src="https://minio.citupro.com/dev/menduner/headhunting/concact-bg.jpg" height="324" width="460" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <ContactPage></ContactPage>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
defineOptions({ name: 'headhunting-carousel'})
|
|
|
import { useRouter } from 'vue-router'
|
|
|
+import ContactPage from './contact.vue'
|
|
|
|
|
|
const router = useRouter()
|
|
|
|
|
|
// 数值示例
|
|
|
const list = [
|
|
|
- { title: '1500+', desc: '服务企业' },
|
|
|
- { title: '236000+', desc: '人才数据库' },
|
|
|
+ { title: '1500家+', desc: '服务企业' },
|
|
|
+ { title: '70%', desc: '拥有本科及以上学历人群' },
|
|
|
{ title: '12种', desc: '涉及行业' }
|
|
|
]
|
|
|
// 服务
|
|
@@ -141,7 +115,7 @@ const countryOffice = [
|
|
|
]
|
|
|
// 我们的顾问
|
|
|
const consultant = [
|
|
|
- { country: '苏州', enName: '田森先生(Simon Tian)', id: 'simon', avatar: 'https://minio.citupro.com/dev/menduner/consultant/simon.png' },
|
|
|
+ { country: '苏州', enName: '田森博士(Simon Tian)', id: 'simon', avatar: 'https://minio.citupro.com/dev/menduner/consultant/simon.png' },
|
|
|
{ country: '北京', enName: '潘青海先生(Peter Pan)', id: 'peter', avatar: 'https://minio.citupro.com/dev/menduner/consultant/peter.png' },
|
|
|
{ country: '北京', enName: '姚嘉庆女士(Julia)', id: 'julia', avatar: 'https://minio.citupro.com/dev/menduner/consultant/julie.png' }
|
|
|
]
|
|
@@ -151,11 +125,6 @@ const articles = [
|
|
|
{ title: '纷繁复杂世界中的领导力:为未来的首席执行官做好规划', id: 'leadership-for-a-complex-world-planning-for-the-ceo-of-the-future', url: 'https://cn.spencerstuart.com/-/media/2023/september/ceofuture/thmb-ceoofthefuture-sept2023-616x434.jpg' },
|
|
|
{ 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 handleClick = (type, id) => {
|
|
|
if (!type && !id) return
|
|
@@ -202,6 +171,8 @@ const handleClick = (type, id) => {
|
|
|
}
|
|
|
.three-up-promo-cards {
|
|
|
display: flex;
|
|
|
+ width: 100%;
|
|
|
+ max-width: 1200px;
|
|
|
margin: 0 auto;
|
|
|
background-color: #f5f7f9;
|
|
|
margin-top: -100px;
|
|
@@ -490,45 +461,6 @@ const handleClick = (type, id) => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.social-media {
|
|
|
- margin: auto;
|
|
|
- margin-bottom: 100px;
|
|
|
- &-header {
|
|
|
- position: relative;
|
|
|
- text-transform: uppercase;
|
|
|
- text-align: center;
|
|
|
- margin: 0 0 52px;
|
|
|
- .inner-text {
|
|
|
- display: inline-block;
|
|
|
- background-color: #fff;
|
|
|
- padding: 0 18px;
|
|
|
- color: #4c4c4e;
|
|
|
- position: relative;
|
|
|
- z-index: 2;
|
|
|
- }
|
|
|
- &::after {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- height: 0;
|
|
|
- border-top: 1px dotted #747476;
|
|
|
- left: 0;
|
|
|
- bottom: 50%;
|
|
|
- margin-bottom: 2px;
|
|
|
- }
|
|
|
- }
|
|
|
- .left {
|
|
|
- width: 50%;
|
|
|
- color: #4c4c4e;
|
|
|
- .social-contact {
|
|
|
- padding: 28px 26px;
|
|
|
- background-color: #f5f7f9;
|
|
|
- }
|
|
|
- }
|
|
|
- .right {
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
-}
|
|
|
.tip-text {
|
|
|
font-size: 14px;
|
|
|
color: var(--color-222);
|