Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
eaf11e91 1 parent 23403719

fix 李琛检查页面问题处理

Inline Side-by-side
Showing 5 changed files with 43 additions and 24 deletions
<!--
* @Date: 2024-10-17 11:13:44
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-22 16:22:44
* @LastEditTime: 2024-10-23 14:39:18
* @FilePath: /hager/src/views/about/china.vue
* @Description: 关于海格-海格在中国
-->
......@@ -20,14 +20,16 @@
<el-col :span="8">
<div class="about-box-wrapper">
<div class="about-box">
<div class="title">
<p class="c">海格电气在中国</p>
<p class="e">Hager in China</p>
</div>
<div class="introduce" v-clamp="3">
<p>唯有匠心，不负初心。<br/>专注为你，彼此成就！</p>
</div>
<div class="about-box-a">
<div class="title">
<p class="c">海格电气在中国</p>
<p class="e">Hager in China</p>
</div>
<div class="introduce" v-clamp="3">
<p>唯有匠心，不负初心。<br/>专注为你，彼此成就！</p>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="16">
......@@ -109,7 +111,7 @@ export default {
padding: 2rem;
background-color: #FFF;
}
.about-box {
.about-box-a {
top: 50%;
transform: translateY(50%);
&.xs {
......
......@@ -27,7 +27,7 @@
<div class="introduce" v-clamp="3">
<p>海格电气一直致力于创新，<br/>我们与客户共同着手面向未来的主题。</p>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="16">
......
<!--
* @Date: 2024-10-17 11:13:44
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-22 16:22:39
* @LastEditTime: 2024-10-23 14:46:19
* @FilePath: /hager/src/views/about/development.vue
* @Description: 关于海格-可持续发展
-->
......@@ -25,9 +25,11 @@
<p class="e">Sustainable<br/>Development</p>
</div>
<div class="introduce">
<p style="margin: 1.5rem 0 1rem;">“关注人们的需求，关心我们的环境，顺乎道德，合乎责任。”</p>
<p>——Daniel Hager 先生</p>
<p>海格集团监事会主席</p>
<p style="margin: 1.5rem 0 1rem; text-align: justify;">“关注人们的需求，关心我们的环境，顺乎道德，合乎责任。”</p>
<div style="text-align: right;">
<p>——Daniel Hager 先生</p>
<p>海格集团监事会主席</p>
</div>
</div>
</div>
</div>
......@@ -37,7 +39,7 @@
</el-col>
</el-row>
<div class="about-content">
<p>作为一家有着明确价值观的家族企业，我们今天就行动起来，以确保未来成功。海格电气一直持续不断地投资我们的员工及其技能开发和培训、优化我们的生态平衡、开发更节能的流程和解决方案。可持续发展是我们获得长期成功的关键。我们所做的每件事都秉承可持续发展的原则，因此我们将整个可持续发展的概念融合成为统一的理念：E3 。E3 是一个广泛的理念，用于指导我们更好地使用地球上有限的资源。三个E分别代表道德（Ethics）、环境（Environment）和能源（Energy）。</p>
<div>作为一家有着明确价值观的家族企业，我们今天就行动起来，以确保未来成功。海格电气一直持续不断地投资我们的员工及其技能开发和培训、优化我们的生态平衡、开发更节能的流程和解决方案。可持续发展是我们获得长期成功的关键。我们所做的每件事都秉承可持续发展的原则，因此我们将整个可持续发展的概念融合成为统一的理念：E3<p class="e3-icon"></p>。E3<p class="e3-icon"></p>是一个广泛的理念，用于指导我们更好地使用地球上有限的资源。三个E分别代表道德（Ethics）、环境（Environment）和能源（Energy）。</div>
</div>
</hager-box>
<div v-else>
......@@ -131,10 +133,17 @@ export default {
.about-content {
padding: 0 2rem 2rem;
p {
div {
line-height: 2;
margin-bottom: 1.5rem;
}
.e3-icon {
display: inline-block;
width: 1rem;
height: 1rem;
background-image: url(https://cdn.ipadbiz.cn/hager/img/about/icon/img27@2x.png);
background-size: cover;
}
}
}
</style>
......
<!--
* @Date: 2024-10-18 12:05:44
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-23 11:57:18
* @LastEditTime: 2024-10-23 14:36:19
* @FilePath: /hager/src/views/news/index.vue
* @Description: 文件描述
-->
......@@ -24,10 +24,10 @@
<div class="card" v-for="(item, index) in news_list" :key="index">
<img :src="item.cover" alt="学校图片" class="card-image">
<div class="news-item">
<el-tooltip class="item" effect="dark" :content="item.post_title" placement="bottom">
<!-- <el-tooltip class="item" effect="dark" :content="item.post_title" placement="bottom">
<div class="news-item-title">{{ item.post_title }}</div>
</el-tooltip>
<!-- <div class="news-item-title">{{ item.post_title }}</div> -->
</el-tooltip> -->
<div class="news-item-title">{{ item.post_title }}</div>
<p class="news-item-sub" v-clamp="2">{{ item.post_title_en }}</p>
<p class="news-item-content" v-clamp="3">{{ item.post_excerpt }}</p>
<div @click="goToNew(item)" class="news-item-more" style="margin-top: 3rem;">MORE</div>
......
<!--
* @Date: 2024-10-18 13:45:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-22 16:47:27
* @LastEditTime: 2024-10-23 14:57:22
* @FilePath: /hager/src/views/recruit.vue
* @Description: 招聘信息
-->
......@@ -40,7 +40,7 @@
</div>
<div class="introduce" v-clamp="7">在海格工作，意味着通过让人们的生活更安全、更清洁、更愉快来塑造明天的电气世界。海格善于寻找激发创造力的人，了解能源管理一切的人，确切知道如何让智能家居真正智能的人......所有人齐心协力解决未来的挑战。也许你就是他们其中一员！</div>
</div>
<div class="goto-btn">点击查看更多热门岗位</div>
<div @click="goToJob" class="goto-btn">点击查看更多热门岗位</div>
</div>
</el-col>
<el-col :span="16">
......@@ -58,7 +58,7 @@
</div>
<div class="introduce" v-clamp="7">在海格工作，意味着通过让人们的生活更安全、更清洁、更愉快来塑造明天的电气世界。海格善于寻找激发创造力的人，了解能源管理一切的人，确切知道如何让智能家居真正智能的人......所有人齐心协力解决未来的挑战。也许你就是他们其中一员！</div>
</div>
<div class="goto-btn">点击查看更多热门岗位</div>
<div @click="goToJob" class="goto-btn">点击查看更多热门岗位</div>
</div>
</div>
<hager-box class="box-n">
......@@ -261,7 +261,7 @@ export default {
img: 'https://cdn.ipadbiz.cn/hager/img/recruit/z14.png',
zh: '人与企业共同成长',
en: 'Grow Together',
text: '海格集团坚信人与企业共同成长为员工提供终身发展的机会。 <br/> <span>H!海格大学</span>帮助员工学习职业技能,让员工获得职场成长。'
text: '海格集团坚信人与企业共同成长为员工提供终身发展的机会。 <br/> <span>HI！海格大学</span>帮助员工学习职业技能，让员工获得职场成长。'
}],
recruit_list: [{
cover: 'https://cdn.ipadbiz.cn/hager/img/recruit/r02@2x.png',
......@@ -344,6 +344,11 @@ export default {
} else {
this.reach_design_end = false;
}
},
goToJob () {
// 跳转链接
window.open('https://jobs.51job.com/huizhou-zkq/co175578.html?timestamp__1258=eqmxg70QG%3Di%3DqBKD%3DD%2FD0iw5EROoei4D&alichlgref=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3D9qYmYUHyj8fMunFcJyYJ1dfi7')
return;
}
}
}
......@@ -604,6 +609,9 @@ export default {
padding: 1.25rem 0;
font-weight: bold;
margin-top: 1rem;
&:hover {
cursor: pointer
}
}
}
......