Skip to content

P
project-www-pc
提交 a240af14 authored 作者: matian's avatar matian
浏览文件
操作

feat:教育服务模块增加英文版

上级 a1a6f9d2
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 140 行增加 和 38 行删除
components/services/tab.vue
浏览文件 @ a240af14
......@@ -6,8 +6,7 @@
:key="index"
@click="tabChanges(index)"
v-html="item.name"
>
</li>
></li>
</ul>
</template>
<script>
......@@ -22,8 +21,7 @@ export default {
indexActive: 0
}
},
mounted() {
},
mounted() {},
methods: {
tabChanges(index) {
this.indexActive = index
......@@ -33,28 +31,27 @@ export default {
}
</script>
<style lang="scss" scoped>
.tab-content{
width: 160px;
.tab-content {
width: 180px;
height: fit-content;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li{
li {
position: relative;
width: 100%;
height: 40px;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #777777;
margin-bottom: 60px;
cursor: pointer;
&:last-child{
&:last-child {
margin: 0;
}
&.active{
&.active {
color: rgba(170, 25, 65, 1);
&::after{
&::after {
content: '';
width: 8px;
height: 40px;
......@@ -66,4 +63,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
langs/en-US.js
浏览文件 @ a240af14
......@@ -65,6 +65,20 @@ export default {
alumni: 'Alumni',
alumniZijinghua: 'Zijinghua Project',
alumniStory: 'Alumni Spotlight'
},
cooperation: {
tit1: 'Professional top-level design',
tit2: 'Teacher training',
tit3: 'Course Resources Construction',
tit4: 'Training base construction',
tit5: 'Construction of training platform',
tit6: 'Induced labor enrolled',
tit7: 'Professional + innovation and entrepreneurship'
},
college: {
tit1: 'College of Modern Industry',
tit2: 'Digital financial',
tit3: 'International Brand Management And new media operations'
}
},
home: {
......@@ -269,5 +283,12 @@ export default {
major: {
describe:
'Zijing Education has abundant technology and industrial resources to assist institutions in responding to industrial transformation, policy requirements and new challenges. It would be supportive for the development of disciplines and majors in terms of industrialization, internationalization, and digitization. Moreover, Zijing Education is dedicating to optimizing education plan, expertise of faculty to jointly develop the globally focused curriculums for teaching and most distinctive design of programs.'
// tit1: 'Professional top-level design',
// tit2: 'Teacher training',
// tit3: 'Course Resources Construction',
// tit4: 'Training base construction',
// tit5: 'Construction of training platform',
// tit6: 'Induced labor enrolled',
// tit7: 'Professional + innovation and entrepreneurship'
}
}
langs/zh-CN.js
浏览文件 @ a240af14
......@@ -65,6 +65,20 @@ export default {
alumni: '校友会',
alumniZijinghua: '紫荆花计划',
alumniStory: '校友故事'
},
cooperation: {
tit1: '专业顶层设计',
tit2: '师资培训',
tit3: '课程资源建设',
tit4: '实训基地建设',
tit5: '实训平台建设',
tit6: '引产入校',
tit7: '专业+创新创业'
},
college:{
tit1:'现代产业学院',
tit2:'数字金融',
tit3:'国际品牌管理<br />与数字运营'
}
},
home: {
......@@ -266,5 +280,12 @@ export default {
major: {
describe:
'依托紫荆教育技术与产业资源优势，协助院校应对行业变革、政策要求和办学新挑战，为院校提供产业化、国际化、数字化专业提升建设支持，优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升专业建设水平，助力院校打造专业特色和优势。'
// tit1: '专业顶层设计',
// tit2: '师资培训',
// tit3: '课程资源建设',
// tit4: '实训基地建设',
// tit5: '实训平台建设',
// tit6: '引产入校',
// tit7: '专业+创新创业'
}
}
pages/services/college.vue
浏览文件 @ a240af14
差异被折叠。
pages/services/job.vue
浏览文件 @ a240af14
......@@ -4,22 +4,44 @@
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png" alt="" class="banner" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation1.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png'
"
class="banner"
/>
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i1.png" alt="" class="img1" />
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" alt="" class="img2" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png'
"
class="img1"
/>
<img
v-if="$cookies.get('lang') == 'en-US'"
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" class="img2" />
<div class="cont-hover">
<div class="top">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" />
<div class="pop">
<div class="name">金融财经类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Finance and Economics' : '金融财经类' }}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" />
<div class="pop">
<div class="name">数字化营销类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing' : '数字化营销类' }}
</div>
</div>
</div>
</div>
......@@ -27,48 +49,84 @@
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<div class="pop">
<div class="name">金融财经类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'New media operation' : '金融财经类' }}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" />
<div class="pop">
<div class="name">数字化营销类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Brand Operation' : '数字化营销类' }}
</div>
</div>
</div>
<li class="li">……</li>
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i3.png" alt="" class="img3" />
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i4.png" alt="" class="img4" />
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i3.png" alt="" class="img5"> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png'
"
class="img3"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png'
"
class="img4"
/>
<ul>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy1.jpg" alt="" />
<div class="pop">
<div class="name">金融产品数字化营销</div>
<div class="name">
{{
$cookies.get('lang') == 'en-US' ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy2.jpg" alt="" />
<div class="pop">
<div class="name">互联网营销师</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Internet-based Marketing Operator' : '互联网营销师' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" />
<div class="pop">
<div class="name">数字化营销师</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing Specialist' : '数字化营销师' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" />
<div class="pop">
<div class="name">全媒体运营师</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Omni-media Operation Staff' : '全媒体运营师' }}
</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" />
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" /> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png'
"
class="img5"
/>
</div>
</div>
</div>
......@@ -176,18 +234,19 @@ export default {
width: 154px;
display: block;
}
.img3 {
width: 100%;
display: block;
margin-top: 27px;
}
.img4 {
width: 176px;
// width: 176px;
display: block;
margin-top: 27px;
}
.img5 {
width: 342px;
// width: 342px;
display: block;
margin-top: 32px;
}
......
pages/services/major.vue
浏览文件 @ a240af14
差异被折叠。
pages/services/solution.vue
浏览文件 @ a240af14
<template>
<div class="solutin-box">
<div class="title">在线教育解决方案</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/pages-solution.png">
<div class="title">{{ $cookies.get('lang') == 'en-US' ? 'Online Education Solution' : '在线教育解决方案' }}</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/solution.png'
: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/pages-solution.png'
"
/>
</div>
</template>
<script>
export default {
}
export default {}
</script>
<style lang="scss" scoped>
.solutin-box{
.solutin-box {
width: 1200px;
margin: 0 auto;
.title{
.title {
font-size: 28px;
line-height: 100%;
padding: 48px 0 28px;
color: #AA1941;
color: #aa1941;
}
img{
img {
width: 100%;
display: block;
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论