Skip to content

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

版本修改

上级 b2b9f816
显示空白字符变更
内嵌 并排
正在显示 包含 951 行增加 和 262 行删除
pages/services/job.vue
浏览文件 @ c50c16c0
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<tab :data="tabList" @tabChangeIndex="tabChangeIndex" /> <tab :data="tabList" @tabChangeIndex="tabChangeIndex" />
<div class="occupation-content-mian"> <div class="occupation-content-mian">
<template v-if="showModule === 0"> <template v-if="showModule === 0">
<div class="module-1 module-content-box"> <div class="module-0 module-content-box">
<img <img
:src=" :src="
isEn isEn
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
" "
class="banner" class="banner"
/> />
<div class="content-mian"> <div class="content-mian" style="padding-bottom:0;">
<img <img
:src=" :src="
isEn isEn
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
" "
/> />
<div class="module-title">招生对象</div> <div class="module-title" style="margin-bottom:15px;">{{isEn ? '招生对象' : '招生对象'}}</div>
<img <img
:src=" :src="
isEn isEn
...@@ -37,8 +37,59 @@ ...@@ -37,8 +37,59 @@
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'
" "
style="margin-bottom:35px;" style="margin-bottom:15px;"
/> />
<div class="module-title" style="margin-bottom:15px;">{{isEn ? '项目收获' : '项目收获'}}</div>
<div class="project-harvest">
<div class="title">战胜三“难”：<span>找工作、评绩效、求升职</span></div>
<div class="content">
<div class="m1">
<ul>
<li class="item1">
<p>老板与HR们的考量基石<br>——<span>能力素质模型</span></p>
<div>哈佛大学教授<br>David McClelland提出</div>
</li>
<li class="item">
<div class="top">
<p>专业能力</p>
<span>Profession Competencies</span>
</div>
<div class="bottom">
<p>特定角色和工作所需要的特<br>殊的技能，针对岗位设定<br>（如程序员的编程能力）</p>
</div>
</li>
<li class="item">
<div class="top">
<p>通用能力</p>
<span>Shared Capabilities</span>
</div>
<div class="bottom">
<p>适用于多个角色的基本素质</p>
<div class="list">
<span>沟通交流</span>
<span>分析思维</span>
<span>人际关系</span>
<span>领导能力</span>
</div>
</div>
</li>
<li class="item">
<div class="top">
<p>核心能力</p>
<span>Core Attributes</span>
</div>
<div class="bottom">
<p>每一位员工都必须具备的能力</p>
<div class="list">
<span>务实</span>
<span>创新</span>
<span>自律</span>
</div>
</div>
</li>
</ul>
<p class="tips">——要<span>专业</span>，更要<span> “通用能力” </span>与<span> “核心能力” </span> </p>
</div>
<img <img
:src=" :src="
isEn isEn
...@@ -63,33 +114,19 @@ ...@@ -63,33 +114,19 @@
" "
style="margin-bottom:35px;" style="margin-bottom:35px;"
/> />
</div>
</div>
</div>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'
" "
style="margin-bottom:35px;" style="width:100%;"
/>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_09.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_09.png'
"
class="banner"
style="height:120px;"
/> />
<div class="content-mian"> <div class="content-mian">
<img <div class="module-title">{{isEn ? 'Course Settings' : '课程设置'}}</div>
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
"
/>
<div class="module-title">{{isEn ? 'Course settings' : '课程设置'}}</div>
<div class="course-set"> <div class="course-set">
<div> <div>
<h5>{{isEn ? '商业基础补充' : '商业基础补充'}}</h5> <h5>{{isEn ? '商业基础补充' : '商业基础补充'}}</h5>
...@@ -133,8 +170,8 @@ ...@@ -133,8 +170,8 @@
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation1.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_01.png'
" "
class="banner" class="banner"
/> />
...@@ -142,8 +179,8 @@ ...@@ -142,8 +179,8 @@
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_02.png?v=111'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_02.png?v=111'
" "
class="img1" class="img1"
/> />
...@@ -151,66 +188,84 @@ ...@@ -151,66 +188,84 @@
v-if="isEn" v-if="isEn"
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png" 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="module-title">{{isEn ? '新职业标准研发' : '新职业标准研发'}}</div>
<div class="cont-hover"> <div class="module-sub-title">
<div class="top"> <span>{{isEn ? '关注领域' : '关注领域'}}</span>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Finance and Economics' : '金融财经类' }}
</div> </div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper" class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<span>{{isEn ? '金融财经类' : '金融财经类'}}</span>
</p>
</div> </div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<span>{{isEn ? '数字化营销类' : '数字化营销类'}}</span>
</p>
</div> </div>
<div class="li"> <div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<div class="pop"> <p>
<div class="name"> <span>{{isEn ? '新媒体运营类' : '新媒体运营类'}}</span>
{{ isEn ? 'Digital Marketing' : '数字化营销类' }} </p>
</div> </div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png">
<p>
<span>{{isEn ? '品牌运营类' : '品牌运营类'}}</span>
</p>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom"> <div class="swiper-btn swiper-button-prev">
<div class="li"> <img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'New media operation' : '金融财经类' }}
</div>
</div> </div>
</div> <div class="swiper-btn swiper-button-next">
<div class="li"> <img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Brand Operation' : '数字化营销类' }}
</div>
</div>
</div>
<li class="li">……</li>
</div> </div>
</div> </div>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_03.png'
" "
class="img3" class="img3"
/> />
<img <div class="module-sub-title">
:src=" <span>{{isEn ? '合作领域' : '合作领域'}}</span>
isEn </div>
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png' <div class="card-list">
: 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png' <div class="item item1">
" <p>新职业标准研究</p>
class="img4" </div>
/> <div class="item item2">
<p>新职业培训课程体系研究</p>
<ul> </div>
<div class="item item3">
<p>新职业培训教材编写</p>
</div>
<div class="item item4">
<p>职业鉴定质量管理体系研究</p>
</div>
<div class="item item5">
<p>职业考评系统研究</p>
</div>
<div class="item item6">
<p>新职业培训课程体系研究</p>
</div>
</div>
<div class="module-title">{{isEn ? '社会考核评价组织' : '社会考核评价组织'}}</div>
<div class="module-sub-title">
<span>{{isEn ? '职业技能鉴定' : '职业技能鉴定'}}</span>
</div>
<ul class="img-text">
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy1.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_01.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ {{
...@@ -220,7 +275,7 @@ ...@@ -220,7 +275,7 @@
</div> </div>
</li> </li>
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy2.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_02.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ isEn ? 'Internet-based Marketing Operator' : '互联网营销师' }} {{ isEn ? 'Internet-based Marketing Operator' : '互联网营销师' }}
...@@ -228,7 +283,7 @@ ...@@ -228,7 +283,7 @@
</div> </div>
</li> </li>
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_03.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ isEn ? 'Digital Marketing Specialist' : '数字化营销师' }} {{ isEn ? 'Digital Marketing Specialist' : '数字化营销师' }}
...@@ -236,7 +291,7 @@ ...@@ -236,7 +291,7 @@
</div> </div>
</li> </li>
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_04.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ isEn ? 'Omni-media Operation Staff' : '全媒体运营师' }} {{ isEn ? 'Omni-media Operation Staff' : '全媒体运营师' }}
...@@ -248,11 +303,22 @@ ...@@ -248,11 +303,22 @@
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_04.png'
"
class="img3"
/>
<div style="position:relative;">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_05.png'
" "
class="img5" class="img3"
/> />
<p style="position:absolute;left:50px;bottom:60px;color:#fff;">“金融行业推荐信” 与 “实习推荐”</p>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -265,6 +331,7 @@ import tab from '../../components/services/tab' ...@@ -265,6 +331,7 @@ import tab from '../../components/services/tab'
export default { export default {
components: { tab }, components: { tab },
data() { data() {
const _this = this
return { return {
module2: { module2: {
list: [ list: [
...@@ -303,11 +370,32 @@ export default { ...@@ -303,11 +370,32 @@ export default {
}, },
{ {
// 未来管理者项目 // 未来管理者项目
name: this.isEn ? 'NEW OCCUPATION' : '新职业' name: this.isEn ? '职业证书' : '职业证书'
} }
], ],
showModule: 0, showModule: 0,
isEn: false isEn: false,
listData: [],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on: {
init() {
_this.swiper.slideNext()
}
}
}
} }
}, },
created() { created() {
...@@ -319,6 +407,9 @@ export default { ...@@ -319,6 +407,9 @@ export default {
} }
}, },
computed: { computed: {
swiper() {
return this.$refs.mySwiper.swiper;
},
m1SetStyle() { m1SetStyle() {
return url => { return url => {
return `background: url(${url});background-size: 100% 100%` return `background: url(${url});background-size: 100% 100%`
...@@ -352,8 +443,155 @@ export default { ...@@ -352,8 +443,155 @@ export default {
height: 320px; height: 320px;
display: block; display: block;
} }
.module-title{
font-size:22px;
font-weight: 500;
line-height:34px;
color:#424242;
}
.module-sub-title{
span{
display:inline-block;
font-size:20px;
line-height:36px;
color:#424242;
border-bottom:1px solid #aa1941;
margin-top:20px;
}
}
.content-mian{ .content-mian{
padding: 60px 50px 65px; padding: 60px 50px 65px;
.swiper-content{
padding: 0 25px;
margin-top:37px;
position:relative;
// overflow: auto;
// width: 100%;
.swiper-slide{
position: relative;
width: 176px;
height: 224px;
// margin-top: 10px;
p{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align:center;
background: rgba(51, 51, 51, 0.65);
box-sizing: border-box;
padding-top:92px;
font-size: 20px;
color: #FEFEFE;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
span{
display:block;
line-height: 40px;
font-size:16px;
}
}
img{
width: 100%;
}
}
.swiper-slide-active {
width: 176px;
height: 224px;
margin-top: 0;
img{
width: 100%;
height: 100%;
display: block;
}
}
.swiper-btn{
width:20px;
height:35px;
position:absolute;
left:-5px;
top:50%;
transform:translateY(-50%);
z-index:2;
img{
width:100%;
height:100%;
display:block;
}
}
.swiper-button-next{
left:unset;
right: -5px;
}
}
.card-list{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
margin-top:20px;
.item{
width: 280px;
height: 130px;
background: #F4F4F4;
opacity: 1;
border-radius: 5px;
text-align:center;
padding:70px 0 0;
border-bottom:#F4F4F4 5px solid;
margin-bottom:20px;
cursor:pointer;
p{
line-height:60px;
}
}
.item:hover{
border-color:#aa1941;
}
.item1{
background:#F4F4F4 url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_01.png') center 30px no-repeat;
background-size:40px 43px;
}
.item1:hover{
background-image: url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_01_on.png');
}
.item2{
background:#F4F4F4 url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_02.png') center 30px no-repeat;
background-size:40px 43px;
}
.item2:hover{
background-image: url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_02_on.png');
}
.item3{
background:#F4F4F4 url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_03.png') center 30px no-repeat;
background-size:40px 43px;
}
.item3:hover{
background-image: url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_03_on.png');
}
.item4{
background:#F4F4F4 url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_04.png') center 30px no-repeat;
background-size:40px 43px;
}
.item4:hover{
background-image: url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_04_on.png');
}
.item5{
background:#F4F4F4 url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_05.png') center 30px no-repeat;
background-size:40px 43px;
}
.item5:hover{
background-image: url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_05_on.png');
}
.item6{
background:#F4F4F4 url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_06.png') center 30px no-repeat;
background-size:40px 43px;
}
.item6:hover{
background-image: url('https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_06_on.png');
}
}
img { img {
width: 100%; width: 100%;
display: block; display: block;
...@@ -394,6 +632,120 @@ export default { ...@@ -394,6 +632,120 @@ export default {
} }
} }
} }
.module-0{
.content-mian{
.project-harvest{
.title{
font-size:20px;
span{
color: #aa1941;
}
}
.content{
background: #F7F7F7;
padding:20px 0 20px;
margin-top:20px 0;
.m1{
margin:0 35px 20px 20px;
ul{
display:flex;
justify-content: space-between;
padding-bottom:30px;
li{
width:210px;
height:268px;
}
li.item{
background:#fff;
border-radius:10px;
.top{
border-bottom:1px solid #E5E5E5;
padding:16px 10px;
p{
font-size:14px;
}
span{
color:#777;
}
}
.bottom{
padding:40px 10px 0;
color:#666;
.list{
display:flex;
flex-wrap: wrap;
margin-top:20px;
span{
width:70px;
padding-left:10px;
position:relative;
margin-right:10px;
}
span:after{
position:absolute;
left:2px;
top:8px;
content: '';
width:4px;
height:4px;
border-radius:50%;
background:#aa1941;
}
}
}
}
li.item:hover{
background: #A81840;
color:#fff;
.top{
border-color:#fff;
span{
color:#fff;
}
}
.bottom{
color:#fff;
.list{
span:after{
background:#fff;
}
}
}
}
.item1{
width:180px;
p{
margin:50px 10px;
line-height:32px;
span{
color: #aa1941;
margin-left:6px;
}
}
div{
text-align:right;
color:#777;
font-size: 12px;
line-height:20px;
}
}
}
.tips{
text-align:right;
line-height:20px;
span{
color:#aa1941;
}
}
}
img{
margin:0 35px;
width:830px;
}
}
}
}
}
.module-1 { .module-1 {
.content-mian { .content-mian {
padding: 60px 50px 65px; padding: 60px 50px 65px;
...@@ -422,102 +774,14 @@ export default { ...@@ -422,102 +774,14 @@ export default {
display: block; display: block;
margin-top: 32px; margin-top: 32px;
} }
.cont-hover { .img-text {
padding-top: 26px;
.top {
display: flex;
.li {
width: 723px;
height: 361px;
position: relative;
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
}
}
img {
width: 100%;
height: 100%;
display: block;
transition: all 0.3s;
}
&:nth-child(2) {
width: 360px;
}
.pop {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
.name {
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
text-align: center;
// line-height: 361px;
font-size: 26px;
}
}
}
}
.bottom {
display: flex;
.li {
width: 361px;
height: 361px;
position: relative;
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
}
}
&:nth-child(3) {
width: 361px;
height: 361px;
background: #f9f8f8;
font-size: 26px;
font-weight: 500;
line-height: 361px;
text-align: center;
color: #777777;
}
img {
width: 100%;
height: 100%;
display: block;
transition: all 0.3s;
}
.pop {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
.name {
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
text-align: center;
// line-height: 361px;
font-size: 26px;
}
}
}
}
}
ul {
display: flex; display: flex;
justify-content: space-around;
margin:0 15px;
padding-top: 14px; padding-top: 14px;
li { li {
width: 270px; width: 200px;
height: 356px; height: 258px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
&:hover { &:hover {
...@@ -540,10 +804,13 @@ export default { ...@@ -540,10 +804,13 @@ export default {
left: 0; left: 0;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
.name { .name {
width:100%;
position: absolute; position: absolute;
bottom: 20px; top: 50%;
left: 20px; left: 0;
font-size: 20px; font-size: 20px;
transform:translateY(-50%);
text-align:center;
} }
} }
} }
......
pages/services/major.vue
浏览文件 @ c50c16c0
...@@ -15,19 +15,25 @@ ...@@ -15,19 +15,25 @@
class="banner" class="banner"
/> />
<div class="content-mian"> <div class="content-mian">
<div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div>
<p style="font-size:16px;line-height: 32px;color: #424242;margin:10px 0 30px;">聚焦金融科技人才复合型、创新型与国际化，通过学科交叉设置，打造全新课程体系，学生通过学习金融数字化，掌握量化金融、金融风险管理、大数据、机器学习、深度学习等领域技术核心原理方法及应用，深刻理解金融科技应用场景，具备数字化和智能化项目解决架构和实施管理能力，培养企业数字化转型和金融科技应用的中坚力量和具备国际竞争的金融科技应用创新型人才。</p>
<div class="module-title">{{isEn ? '对应专业' : '对应专业'}}</div>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'
" "
style="margin:15px 20px 25px;"
/> />
<div class="module-title">{{isEn ? '课程设置' : '课程设置'}}</div>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'
" "
style="margin:15px 0 40px;"
/> />
<img <img
:src=" :src="
...@@ -36,6 +42,7 @@ ...@@ -36,6 +42,7 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'
" "
/> />
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<img <img
:src=" :src="
isEn isEn
...@@ -58,7 +65,7 @@ ...@@ -58,7 +65,7 @@
/> />
<div class="content-mian"> <div class="content-mian">
<div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div> <div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div>
<div class="cart-txt"> <!-- <div class="cart-txt">
<div> <div>
<h5>{{isEn ? '初级' : '初级'}}</h5> <h5>{{isEn ? '初级' : '初级'}}</h5>
<p class="bold">{{isEn ? '工具操作+业务执行' : '工具操作+业务执行'}}</p> <p class="bold">{{isEn ? '工具操作+业务执行' : '工具操作+业务执行'}}</p>
...@@ -83,7 +90,7 @@ ...@@ -83,7 +90,7 @@
<p>{{isEn ? '策略制定能力' : '策略制定能力'}}</p> <p>{{isEn ? '策略制定能力' : '策略制定能力'}}</p>
<p>{{isEn ? '创意思维能力' : '创意思维能力'}}</p> <p>{{isEn ? '创意思维能力' : '创意思维能力'}}</p>
</div> </div>
</div> </div> -->
<img <img
:src=" :src="
isEn isEn
...@@ -105,8 +112,17 @@ ...@@ -105,8 +112,17 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png'
" "
/> />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_05.png'
"
/>
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div> <div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="module-sub-title">{{isEn ? '就业岗位' : '就业岗位'}}</div> <div class="module-sub-title" style="margin-bottom:20px;">
<span>{{isEn ? '就业行业' : '就业行业'}}</span>
</div>
<ul class="cart-img"> <ul class="cart-img">
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_01.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_01.png" alt="" />
...@@ -192,7 +208,9 @@ ...@@ -192,7 +208,9 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_09.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_09.png" alt="" />
</li> </li>
</ul> </ul>
<div class="module-sub-title">{{isEn ? '就业岗位' : '就业岗位'}}</div> <div class="module-sub-title">
<span>{{isEn ? '就业岗位' : '就业岗位'}}</span>
</div>
<div class="cart-txt"> <div class="cart-txt">
<div> <div>
<h5>{{isEn ? '品牌及数字化营销' : '品牌及数字化营销'}}</h5> <h5>{{isEn ? '品牌及数字化营销' : '品牌及数字化营销'}}</h5>
...@@ -263,6 +281,7 @@ ...@@ -263,6 +281,7 @@
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'
" "
style="margin-bottom:15px;"
/> />
<img <img
:src=" :src="
...@@ -278,8 +297,17 @@ ...@@ -278,8 +297,17 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png'
" "
/> />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'
"
/>
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div> <div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="module-sub-title">{{isEn ? '就业岗位' : '就业岗位'}}</div> <div class="module-sub-title" style="margin-bottom:20px;">
<span>{{isEn ? '就业行业' : '就业行业'}}</span>
</div>
<ul class="cart-img col-4" style="margin-bottom:48px;"> <ul class="cart-img col-4" style="margin-bottom:48px;">
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_01.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_01.png" alt="" />
...@@ -358,8 +386,8 @@ ...@@ -358,8 +386,8 @@
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_05.png'
" "
/> />
</div> </div>
...@@ -390,6 +418,13 @@ ...@@ -390,6 +418,13 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png'
" "
/> />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_04.png'
"
/>
</div> </div>
</div> </div>
</template> </template>
...@@ -418,6 +453,8 @@ ...@@ -418,6 +453,8 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'
" "
/> />
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<p>就业方向和岗位：主要面向电子商务公司、传统企业数字化转型公司及企事业单位从事数字运营岗、数据管理岗</p>
<div class="cart-txt"> <div class="cart-txt">
<div> <div>
<h5>{{isEn ? '高级岗位' : '高级岗位'}}</h5> <h5>{{isEn ? '高级岗位' : '高级岗位'}}</h5>
...@@ -464,105 +501,312 @@ ...@@ -464,105 +501,312 @@
" "
/> />
<div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div> <div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div>
<ul class="cart-img cart-img1"> <div class="tabs">
<li> <div :class="{item: true, active: module6TabActive === 0}" @click="module6TabActive = 0">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_01.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab_icon1.png">
<div class="txt"> <p>人工智能方向</p>
<div class="name">
{{
isEn ? '人工智能方向' : '人工智能方向'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_02.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '数据技术方向' : '数据技术方向'
}}
</div> </div>
<div :class="{item: true, active: module6TabActive === 1}" @click="module6TabActive = 1">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab_icon2.png">
<p>数据技术方向</p>
</div> </div>
</li> <div :class="{item: true, active: module6TabActive === 2}" @click="module6TabActive = 2">
<li> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab_icon3.png">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_03.png" alt="" /> <p>云计算方向</p>
<div class="txt">
<div class="name">
{{
isEn ? '云计算方向' : '云计算方向'
}}
</div>
</div> </div>
</li> <div :class="{item: true, active: module6TabActive === 3}" @click="module6TabActive = 3">
<li> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab_icon4.png">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_04.png" alt="" /> <p>网络安全方向</p>
<div class="txt">
<div class="name">
{{
isEn ? '网络安全方向' : '网络安全方向'
}}
</div> </div>
</div> </div>
</li> <div v-show="module6TabActive === 0">
</ul>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_03.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_01.png'
" "
style="margin-top:48px;" style="margin:15px 0 0"
/> />
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_04.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_02.png'
" "
style="margin:35px 0 0;width:890px;"
/> />
<div class="cart-txt">
<div>
<h5>{{isEn ? '高级岗位' : '高级岗位'}}</h5>
<p>{{isEn ? '智能应用开发工程师' : '智能应用开发工程师'}}</p>
<p>{{isEn ? '高级NLP算法工程师' : '高级NLP算法工程师'}}</p>
<p>{{isEn ? '人工智能产品总监' : '人工智能产品总监'}}</p>
</div> </div>
<template v-if="module6TabActive === 1">
<div class="img-text">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_01.png'
"
class="img3"
/>
<div> <div>
<h5>{{isEn ? '中级岗位' : '中级岗位'}}</h5> <h5>人才培养方向</h5>
<p>{{isEn ? '人工智能训练师' : '人工智能训练师'}}</p> <p>大数据技术生态系统解析，科技创新前沿实践<br>创新思维 + 应用场景 + 实践应用，多维度培养数据技术人才</p>
<p>{{isEn ? '算法工程师' : '算法工程师'}}</p> </div>
<p>{{isEn ? '人工智能产品经理' : '人工智能产品经理'}}</p> </div>
</div> <div class="module-title" style="margin-top:30px;">{{isEn ? '就业行业' : '就业行业'}}</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon01.png">
<span>{{isEn ? '医学类' : '医学类'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon02.png">
<span>{{isEn ? '生物行业' : '生物行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon03.png">
<span>{{isEn ? '金融行业' : '金融行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon04.png">
<span>{{isEn ? '零售行业' : '零售行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon05.png">
<span>{{isEn ? '电商行业' : '电商行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon06.png">
<span>{{isEn ? '农牧行业' : '农牧行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon07.png">
<span>{{isEn ? '交通行业' : '交通行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon08.png">
<span>{{isEn ? '教育行业' : '教育行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon09.png">
<span>{{isEn ? '体育行业' : '体育行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon10.png">
<span>{{isEn ? '食品行业' : '食品行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon11.png">
<span>{{isEn ? '政府行业' : '政府行业'}}</span>
</p>
</div>
</div>
</div>
<div class="swiper-btn swiper-button-prev">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
</div>
<div class="swiper-btn swiper-button-next">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{isEn ? '广泛需求岗位' : '广泛需求岗位'}}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_02.png'
"
/>
</template>
<template v-if="module6TabActive === 2">
<div class="img-text">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_01.png'
"
/>
<div> <div>
<h5>{{isEn ? '初级岗位' : '初级岗位'}}</h5> <h5>人才培养方向</h5>
<p>{{isEn ? '数据标注专员' : '数据标注专员'}}</p> <p>复合 + 创新 + 可持续发展<br>赋能未来，夯实云计算人才培养</p>
<p>{{isEn ? '数据处理专员' : '数据处理专员'}}</p> </div>
<p>{{isEn ? '数据分析专员' : '数据分析专员'}}</p> </div>
<p>{{isEn ? '人工智能产品助理' : '人工智能产品助理'}}</p> <div class="module-title" style="margin-top:30px;">{{isEn ? '就业行业' : '就业行业'}}</div>
</div> <div class="swiper-content">
</div> <div v-swiper:mySwiper="swiperOption">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_01.png">
<span>{{isEn ? '政务云' : '政务云'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_02.png">
<span>{{isEn ? '城市云' : '城市云'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_03.png">
<span>{{isEn ? '教育云' : '教育云'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_04.png">
<span>{{isEn ? '医疗云' : '医疗云'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_05.png">
<span>{{isEn ? '工业云' : '工业云'}}</span>
</p>
</div>
</div>
</div>
<div class="swiper-btn swiper-button-prev">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
</div>
<div class="swiper-btn swiper-button-next">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{isEn ? '广泛需求岗位' : '广泛需求岗位'}}</div>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_05.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_05.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
" "
/> />
</template>
<template v-if="module6TabActive === 3">
<div class="img-text">
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_06.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_06.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_01.png'
" "
/> />
<div>
<h5>人才培养方向</h5>
<p>复合 + 国际 + 创新<br>加快网络安全人才培养，打造人才培养“新样板”</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{isEn ? '就业行业' : '就业行业'}}</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon01.png">
<span>{{isEn ? 'IT/互联网行业' : 'IT/互联网行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon02.png">
<span>{{isEn ? '通信/电子行业' : '通信/电子行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon03.png">
<span>{{isEn ? '制造行业' : '制造行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon04.png">
<span>{{isEn ? '政府机关' : '政府机关'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon05.png">
<span>{{isEn ? '建筑房地产业' : '建筑房地产业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon06.png">
<span>{{isEn ? '咨询服务行业' : '咨询服务行业'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon07.png">
<span>{{isEn ? '金融行业' : '金融行业'}}</span>
</p>
</div>
</div>
</div>
<div class="swiper-btn swiper-button-prev">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
</div>
<div class="swiper-btn swiper-button-next">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
</div>
</div>
<img <img
:src=" :src="
isEn isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_07.png' ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_07.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
" "
style="margin-top:36px;"
/> />
</template>
</div> </div>
</div> </div>
</template> </template>
...@@ -585,7 +829,54 @@ ...@@ -585,7 +829,54 @@
" "
/> />
<div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div> <div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div>
<ul class="cart-img cart-img1"> <div class="swiper-content">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper" class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_img_01.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_01.png">
<span>{{isEn ? '工业机器人' : '工业机器人'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_img_02.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_02.png">
<span>{{isEn ? '智能控制技术' : '智能控制技术'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_img_03.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_03.png">
<span>{{isEn ? '物联网技术' : '物联网技术'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_img_04.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_04.png">
<span>{{isEn ? '智能制造工程' : '智能制造工程'}}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_img_05.png">
<p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_swiper_icon_05.png">
<span>{{isEn ? '新能源汽车' : '新能源汽车'}}</span>
</p>
</div>
</div>
</div>
<div class="swiper-btn swiper-button-prev">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
</div>
<div class="swiper-btn swiper-button-next">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
</div>
</div>
<!-- <ul class="cart-img cart-img1">
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_01.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_01.png" alt="" />
<div class="txt"> <div class="txt">
...@@ -636,7 +927,7 @@ ...@@ -636,7 +927,7 @@
</div> </div>
</div> </div>
</li> </li>
</ul> </ul> -->
<img <img
:src=" :src="
isEn isEn
...@@ -664,6 +955,7 @@ import tab from '../../components/services/tab' ...@@ -664,6 +955,7 @@ import tab from '../../components/services/tab'
export default { export default {
components: { tab }, components: { tab },
data() { data() {
const _this = this
return { return {
tabList: [ tabList: [
{ {
...@@ -693,7 +985,23 @@ export default { ...@@ -693,7 +985,23 @@ export default {
} }
], ],
showModule: 1, showModule: 1,
isEn: false isEn: false,
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
},
module6TabActive: 0
} }
}, },
created() { created() {
...@@ -731,12 +1039,14 @@ export default { ...@@ -731,12 +1039,14 @@ export default {
padding: 48px 0 31px; padding: 48px 0 31px;
} }
.module-sub-title{ .module-sub-title{
margin-top:20px;
span{
display:inline-block;
font-size:20px; font-size:20px;
line-height:20px; line-height:36px;
color:#424242; color:#424242;
border-left:5px solid #aa1941; border-bottom:1px solid #aa1941;
text-indent:12px; }
margin:10px 0;
} }
.occupation-content-mian { .occupation-content-mian {
width: 1000px; width: 1000px;
...@@ -759,6 +1069,78 @@ export default { ...@@ -759,6 +1069,78 @@ export default {
font-weight: 500; font-weight: 500;
line-height:34px; line-height:34px;
color:#424242; color:#424242;
margin-bottom:20px;
}
.swiper-content{
padding: 0 25px;
margin-top:37px;
position:relative;
// overflow: auto;
// width: 100%;
.swiper-slide{
position: relative;
width: 176px;
height: 224px;
// margin-top: 10px;
p{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align:center;
background: rgba(51, 51, 51, 0.65);
box-sizing: border-box;
padding-top:70px;
font-size: 20px;
color: #FEFEFE;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
img{
width:50px;
height:41px;
display:inline-block;
margin-bottom:16px;
}
span{
display:block;
line-height: 40px;
font-size:16px;
}
}
img{
width: 100%;
}
}
.swiper-slide-active {
width: 176px;
height: 224px;
margin-top: 0;
img{
width: 100%;
height: 100%;
display: block;
}
}
.swiper-btn{
width:20px;
height:35px;
position:absolute;
left:-5px;
top:50%;
transform:translateY(-50%);
z-index:2;
img{
width:100%;
height:100%;
display:block;
}
}
.swiper-button-next{
left:unset;
right: -5px;
}
} }
.cart-txt{ .cart-txt{
display:flex; display:flex;
...@@ -766,13 +1148,13 @@ export default { ...@@ -766,13 +1148,13 @@ export default {
margin:36px 0 40px; margin:36px 0 40px;
div{ div{
width:31%; width:31%;
border-top:8px solid #F9F8F8; // border-top:8px solid #F9F8F8;
background:#F9F8F8; background:#F9F8F8;
text-align:center; text-align:center;
min-height:220px; min-height:220px;
box-sizing:border-box; box-sizing:border-box;
cursor:pointer; cursor:pointer;
padding-bottom:20px; padding:20px 0;
h5{ h5{
line-height:60px; line-height:60px;
font-size:18px; font-size:18px;
...@@ -787,7 +1169,7 @@ export default { ...@@ -787,7 +1169,7 @@ export default {
} }
} }
div:hover{ div:hover{
border-color:#aa1941; // border-color:#fff;
background:#fff; background:#fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
} }
...@@ -842,13 +1224,53 @@ export default { ...@@ -842,13 +1224,53 @@ export default {
} }
.module-6{ .module-6{
.content-mian{ .content-mian{
.cart-img1{ .tabs{
li{ display:flex;
width:225px; .item{
height:356px; width:150px;
margin-right: 0; height:150px;
margin-bottom: 0; background: #F4F4F4;
text-align:center;
box-sizing:border-box;
padding-top:30px;
border-top:6px solid #f4f4f4;
cursor:pointer;
img{
width:42px;
height:42px;
display:inline-block;
margin-bottom:16px;
}
}
.item.active{
border-color:#aa1941;
background:#fff;
}
}
.img-text{
position:relative;
margin-top:15px;
div{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(51,51,51,.6);
color:#fff;
display:flex;
box-sizing:border-box;
padding-top:100px;
h5{
width:300px;
text-align:center;
font-size:20px;
}
p{
line-height:28px;
}
} }
} }
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论