提交 7d821e7e authored 作者: matian's avatar matian

图片优化

上级 df6c13d9
<template>
<div class="intr-content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="">
<img src="https://webapp-pub.ezijing.com/www/pc/home/banner.png" alt="" />
<div class="text-content">
<div class="title">{{ $t('about.project.title') }}</div>
<div class="text-intr" v-html="$t('about.project.text')"></div>
<div class="garish-content">
<div class="flex-box">
<div class="li w184">
<div class="col-txt">12<span>{{ $t('about.project.unit1') }}</span></div>
<div class="col-txt">
12<span>{{ $t('about.project.unit1') }}</span>
</div>
<div class="n-txt">{{ $t('about.project.itemText1') }}</div>
</div>
<div class="li w180">
<div class="col-txt">522<span>{{ $t('about.project.unit2') }}</span></div>
<div class="col-txt">
522<span>{{ $t('about.project.unit2') }}</span>
</div>
<div class="n-txt">{{ $t('about.project.itemText2') }}</div>
</div>
<div class="li w249">
......@@ -37,7 +41,10 @@
<div class="n-txt">{{ $t('about.project.itemText7') }}</div>
</div>
<div class="li w186">
<div class="col-txt"><span class="unit3Text">{{ $t('about.project.unit3Text') }}</span><span>{{ $t('about.project.unit3') }}+</span></div>
<div class="col-txt">
<span class="unit3Text">{{ $t('about.project.unit3Text') }}</span
><span>{{ $t('about.project.unit3') }}+</span>
</div>
<div class="n-txt">{{ $t('about.project.itemText8') }}</div>
</div>
</div>
......@@ -66,8 +73,7 @@
</template>
<script>
export default {
components: {
},
components: {},
data() {
return {
indexActive: 0
......@@ -81,119 +87,119 @@ export default {
}
</script>
<style lang="scss" scoped>
.intr-content-box{
.intr-content-box {
width: 1000px;
padding-bottom: 100px;
img{
img {
width: 100%;
display: block;
}
.text-content{
.text-content {
padding: 50px 64px 81px;
box-sizing: border-box;
background: #fff;
.title{
.title {
font-size: 22px;
font-weight: 500;
color: #424242;
margin-bottom: 15px;
}
.text-intr{
.text-intr {
font-size: 16px;
line-height: 32px;
color: #424242;
}
}
.garish-content{
.garish-content {
padding-top: 66px;
.flex-box{
.flex-box {
display: flex;
width: 800px;
margin: 0 auto;
&.mar-t-35{
&.mar-t-35 {
padding-top: 35px;
}
.li{
.li {
box-sizing: border-box;
padding-top: 6px;
// height: 70px;
border-right: 1px solid #C3C3C3;
&:last-child{
border-right: 1px solid #c3c3c3;
&:last-child {
border: none;
}
.col-txt{
.col-txt {
font-size: 36px;
font-weight: 500;
line-height: 30px;
color: #AA1941;
color: #aa1941;
text-align: center;
.unit3Text{
.unit3Text {
font-size: 36px;
}
span{
span {
font-size: 24px;
}
}
.n-txt{
.n-txt {
font-size: 16px;
font-family: auto;
// line-height: 34px;
text-align: center;
color: #666666;
}
&.w184{
&.w184 {
width: 184px;
}
&.w180{
&.w180 {
width: 180px;
}
&.w249{
&.w249 {
width: 249px;
}
&.w186{
&.w186 {
width: 186px;
}
&.w188{
&.w188 {
width: 188px;
}
}
}
}
.tab-content{
.tab-content {
padding-top: 80px;
.tab-nav{
.tab-nav {
display: flex;
justify-content: space-between;
.li{
.li {
width: 280px;
height: 150px;
box-sizing: border-box;
padding-top: 38px;
background: #FBFBFB;
background: #fbfbfb;
// margin-right: 16px;
cursor: pointer;
&.active{
background: #FFFFFF;
&.active {
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
position: relative;
&::after{
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #AA1941;
background: #aa1941;
}
}
.t1{
.t1 {
text-align: center;
line-height: 100%;
font-size: 24px;
font-weight: 500;
color: #AA1941;
color: #aa1941;
}
.t2{
.t2 {
font-size: 20px;
line-height: 100%;
color: #424242;
......@@ -203,9 +209,9 @@ export default {
}
}
}
.tab-con{
.tab-con {
width: 872px;
background: #FFFFFF;
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
padding: 20px 48px;
......@@ -215,28 +221,28 @@ export default {
font-weight: 400;
line-height: 40px;
color: #333333;
::v-deep{
span{
::v-deep {
span {
color: rgba(170, 25, 65, 1);
font-size: 28px;
font-weight: bold;
}
}
&.tab-con2{
&::after{
&.tab-con2 {
&::after {
top: -15px;
left: 50%;
transform: translateX(-50%);
}
}
&.tab-con3{
&::after{
&.tab-con3 {
&::after {
top: -15px;
left: auto;
right: 140px;
}
}
&::after{
&::after {
content: '';
position: absolute;
top: -15px;
......
<template>
<div class="news-content-box">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png"
alt=""
class="banner"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
......@@ -20,12 +16,7 @@
</template>
</ul>
<div class="pages-box">
<el-pagination
layout="prev, pager, next"
@current-change="handleCurrentChange"
:page-size="limit"
:total="total"
>
<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="limit" :total="total">
</el-pagination>
</div>
</div>
......@@ -158,7 +149,7 @@ export default {
}
}
}
.pages-box{
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
......
......@@ -2,11 +2,7 @@
<div class="news-content">
<tab />
<div class="news-content-box">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png"
alt=""
class="banner"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" alt="" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
......@@ -82,7 +78,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.pages-box{
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
......
......@@ -2,11 +2,7 @@
<div class="news-content">
<tab />
<div class="news-content-box">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png"
alt=""
class="banner"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" alt="" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
......@@ -82,7 +78,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.pages-box{
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
......
......@@ -2,11 +2,7 @@
<div class="news-content">
<tab />
<div class="news-content-box">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png"
alt=""
class="banner"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" alt="" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
......@@ -82,7 +78,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.pages-box{
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
......
......@@ -9,15 +9,17 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_01.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_011.png'
"
class="banner"
/>
<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>
<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
:src="
isEn
......@@ -26,7 +28,7 @@
"
style="margin:15px 20px 25px;"
/>
<div class="module-title">{{isEn ? '课程设置' : '课程设置'}}</div>
<div class="module-title">{{ isEn ? '课程设置' : '课程设置' }}</div>
<img
:src="
isEn
......@@ -42,12 +44,12 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'
"
/>
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="module-title">{{ isEn ? '就业岗位' : '就业岗位' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_05.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_051.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_051.png'
"
/>
</div>
......@@ -64,7 +66,7 @@
class="banner"
/>
<div class="content-mian">
<div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div>
<div class="module-title">{{ isEn ? '培养目标' : '培养目标' }}</div>
<!-- <div class="cart-txt">
<div>
<h5>{{isEn ? '初级' : '初级'}}</h5>
......@@ -101,8 +103,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_03.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_031.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_031.png'
"
/>
<img
......@@ -119,18 +121,16 @@
: '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" style="margin-bottom:20px;">
<span>{{isEn ? '就业行业' : '就业行业'}}</span>
<span>{{ isEn ? '就业行业' : '就业行业' }}</span>
</div>
<ul class="cart-img">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_01.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新型互联网行业' : '新型互联网行业'
}}
{{ isEn ? '新型互联网行业' : '新型互联网行业' }}
</div>
</div>
</li>
......@@ -138,9 +138,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_02.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '汽车行业' : '汽车行业'
}}
{{ isEn ? '汽车行业' : '汽车行业' }}
</div>
</div>
</li>
......@@ -148,9 +146,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_03.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '房地产行业' : '房地产行业'
}}
{{ isEn ? '房地产行业' : '房地产行业' }}
</div>
</div>
</li>
......@@ -158,9 +154,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_04.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '教育行业' : '教育行业'
}}
{{ isEn ? '教育行业' : '教育行业' }}
</div>
</div>
</li>
......@@ -168,9 +162,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_05.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '美妆行业' : '美妆行业'
}}
{{ isEn ? '美妆行业' : '美妆行业' }}
</div>
</div>
</li>
......@@ -178,9 +170,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_06.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '金融行业' : '金融行业'
}}
{{ isEn ? '金融行业' : '金融行业' }}
</div>
</div>
</li>
......@@ -188,9 +178,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_07.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新媒体行业' : '新媒体行业'
}}
{{ isEn ? '新媒体行业' : '新媒体行业' }}
</div>
</div>
</li>
......@@ -198,9 +186,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_08.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '咨询服务行业' : '咨询服务行业'
}}
{{ isEn ? '咨询服务行业' : '咨询服务行业' }}
</div>
</div>
</li>
......@@ -209,34 +195,34 @@
</li>
</ul>
<div class="module-sub-title">
<span>{{isEn ? '就业岗位' : '就业岗位'}}</span>
<span>{{ isEn ? '就业岗位' : '就业岗位' }}</span>
</div>
<div class="cart-txt">
<div>
<h5>{{isEn ? '品牌及数字化营销' : '品牌及数字化营销'}}</h5>
<p>{{isEn ? '品牌管理经理' : '品牌管理经理'}}</p>
<p>{{isEn ? '品牌公关经理' : '品牌公关经理'}}</p>
<p>{{isEn ? '品牌投放经理' : '产品理解能力'}}</p>
<p>{{isEn ? '品牌传播策略经理' : '品牌传播策略经理'}}</p>
<p>{{isEn ? '数字营销平台项目经理' : '数字营销平台项目经理'}}</p>
<p>{{isEn ? '营销策划师' : '营销策划师'}}</p>
<h5>{{ isEn ? '品牌及数字化营销' : '品牌及数字化营销' }}</h5>
<p>{{ isEn ? '品牌管理经理' : '品牌管理经理' }}</p>
<p>{{ isEn ? '品牌公关经理' : '品牌公关经理' }}</p>
<p>{{ isEn ? '品牌投放经理' : '产品理解能力' }}</p>
<p>{{ isEn ? '品牌传播策略经理' : '品牌传播策略经理' }}</p>
<p>{{ isEn ? '数字营销平台项目经理' : '数字营销平台项目经理' }}</p>
<p>{{ isEn ? '营销策划师' : '营销策划师' }}</p>
</div>
<div>
<h5>{{isEn ? '市场客户关系管理' : '市场客户关系管理'}}</h5>
<p>{{isEn ? '市场营销经理' : '市场营销经理'}}</p>
<p>{{isEn ? '新媒体营销经理' : '新媒体营销经理'}}</p>
<p>{{isEn ? '客户数据库管理员' : '客户数据库管理员'}}</p>
<p>{{isEn ? '客户体验设计师' : '客户体验设计师'}}</p>
<p>{{isEn ? '客户经理' : '客户经理 '}}</p>
<h5>{{ isEn ? '市场客户关系管理' : '市场客户关系管理' }}</h5>
<p>{{ isEn ? '市场营销经理' : '市场营销经理' }}</p>
<p>{{ isEn ? '新媒体营销经理' : '新媒体营销经理' }}</p>
<p>{{ isEn ? '客户数据库管理员' : '客户数据库管理员' }}</p>
<p>{{ isEn ? '客户体验设计师' : '客户体验设计师' }}</p>
<p>{{ isEn ? '客户经理' : '客户经理 ' }}</p>
</div>
<div>
<h5>{{isEn ? '视觉表现与制作' : '视觉表现与制作'}}</h5>
<p>{{isEn ? '摄影、摄像师' : '摄影、摄像师'}}</p>
<p>{{isEn ? '后期编辑工程师' : '后期编辑工程师'}}</p>
<p>{{isEn ? '交互设计与制作' : '交互设计与制作'}}</p>
<p>{{isEn ? '新媒体运营制作' : '新媒体运营制作'}}</p>
<p>{{isEn ? '短视频编导制作' : '短视频编导制作'}}</p>
<p>{{isEn ? '直播电商运营' : '直播电商运营'}}</p>
<h5>{{ isEn ? '视觉表现与制作' : '视觉表现与制作' }}</h5>
<p>{{ isEn ? '摄影、摄像师' : '摄影、摄像师' }}</p>
<p>{{ isEn ? '后期编辑工程师' : '后期编辑工程师' }}</p>
<p>{{ isEn ? '交互设计与制作' : '交互设计与制作' }}</p>
<p>{{ isEn ? '新媒体运营制作' : '新媒体运营制作' }}</p>
<p>{{ isEn ? '短视频编导制作' : '短视频编导制作' }}</p>
<p>{{ isEn ? '直播电商运营' : '直播电商运营' }}</p>
</div>
</div>
</div>
......@@ -247,32 +233,32 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_0.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_0.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_00.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_00.png'
"
class="banner"
/>
<div class="content-mian">
<div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div>
<div class="module-title">{{ isEn ? '培养目标' : '培养目标' }}</div>
<div style="color:#A81840;font-size:20px;margin-top:15px;">企业信息决策</div>
<div class="cart-txt">
<div>
<h5>{{isEn ? '理解企业数据' : '理解企业数据'}}</h5>
<p class="bold">{{isEn ? '基础知识培养' : '基础知识培养'}}</p>
<p>{{isEn ? '商业经济与运行管理知识' : '商业经济与运行管理知识'}}</p>
<p>{{isEn ? '数理统计等数学思维' : '数理统计等数学思维'}}</p>
<h5>{{ isEn ? '理解企业数据' : '理解企业数据' }}</h5>
<p class="bold">{{ isEn ? '基础知识培养' : '基础知识培养' }}</p>
<p>{{ isEn ? '商业经济与运行管理知识' : '商业经济与运行管理知识' }}</p>
<p>{{ isEn ? '数理统计等数学思维' : '数理统计等数学思维' }}</p>
</div>
<div>
<h5>{{isEn ? '发现业务问题' : '发现业务问题'}}</h5>
<p class="bold">{{isEn ? '大数据分析平台工具使用' : '大数据分析平台工具使用'}}</p>
<h5>{{ isEn ? '发现业务问题' : '发现业务问题' }}</h5>
<p class="bold">{{ isEn ? '大数据分析平台工具使用' : '大数据分析平台工具使用' }}</p>
</div>
<div>
<h5>{{isEn ? '开发预测模型' : '开发预测模型'}}</h5>
<p class="bold">{{isEn ? '核心技术方法培养' : '核心技术方法培养'}}</p>
<p>{{isEn ? '数据收集' : '数据收集'}}</p>
<p>{{isEn ? '数据处理' : '数据处理'}}</p>
<p>{{isEn ? '数据可视化' : '数据可视化'}}</p>
<p>{{isEn ? '预测建模' : '预测建模'}}</p>
<h5>{{ isEn ? '开发预测模型' : '开发预测模型' }}</h5>
<p class="bold">{{ isEn ? '核心技术方法培养' : '核心技术方法培养' }}</p>
<p>{{ isEn ? '数据收集' : '数据收集' }}</p>
<p>{{ isEn ? '数据处理' : '数据处理' }}</p>
<p>{{ isEn ? '数据可视化' : '数据可视化' }}</p>
<p>{{ isEn ? '预测建模' : '预测建模' }}</p>
</div>
</div>
<img
......@@ -286,8 +272,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_02.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_021.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_021.png'
"
/>
<img
......@@ -304,18 +290,16 @@
: '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" style="margin-bottom:20px;">
<span>{{isEn ? '就业行业' : '就业行业'}}</span>
<span>{{ isEn ? '就业行业' : '就业行业' }}</span>
</div>
<ul class="cart-img col-4" style="margin-bottom:48px;">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_01.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新型互联网行业' : '新型互联网行业'
}}
{{ isEn ? '新型互联网行业' : '新型互联网行业' }}
</div>
</div>
</li>
......@@ -323,9 +307,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_02.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '能源行业' : '能源行业'
}}
{{ isEn ? '能源行业' : '能源行业' }}
</div>
</div>
</li>
......@@ -333,9 +315,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_03.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '制造行业' : '制造行业'
}}
{{ isEn ? '制造行业' : '制造行业' }}
</div>
</div>
</li>
......@@ -343,9 +323,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_04.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '医疗行业' : '医疗行业'
}}
{{ isEn ? '医疗行业' : '医疗行业' }}
</div>
</div>
</li>
......@@ -353,9 +331,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_05.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '快消零售行业' : '快消零售行业'
}}
{{ isEn ? '快消零售行业' : '快消零售行业' }}
</div>
</div>
</li>
......@@ -363,9 +339,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_06.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '咨询服务行业' : '咨询服务行业'
}}
{{ isEn ? '咨询服务行业' : '咨询服务行业' }}
</div>
</div>
</li>
......@@ -373,9 +347,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_07.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '金融行业' : '金融行业'
}}
{{ isEn ? '金融行业' : '金融行业' }}
</div>
</div>
</li>
......@@ -398,8 +370,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_01.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_011.png'
"
class="banner"
/>
......@@ -407,8 +379,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_02.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_021.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_021.png'
"
/>
<img
......@@ -442,8 +414,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_02.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_021.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_021.png'
"
/>
<img
......@@ -453,30 +425,30 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'
"
/>
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="module-title">{{ isEn ? '就业岗位' : '就业岗位' }}</div>
<p>就业方向和岗位:主要面向电子商务公司、传统企业数字化转型公司及企事业单位从事数字运营岗、数据管理岗</p>
<div class="cart-txt">
<div>
<h5>{{isEn ? '高级岗位' : '高级岗位'}}</h5>
<p>{{isEn ? '数字运营总监' : '数字运营总监'}}</p>
<p>{{isEn ? '数字运营数据专家' : '数字运营数据专家'}}</p>
<p>{{isEn ? '数字运营营销总监' : '数字运营营销总监'}}</p>
<p>{{isEn ? '数字运营项目总监' : '数字运营项目总监'}}</p>
<h5>{{ isEn ? '高级岗位' : '高级岗位' }}</h5>
<p>{{ isEn ? '数字运营总监' : '数字运营总监' }}</p>
<p>{{ isEn ? '数字运营数据专家' : '数字运营数据专家' }}</p>
<p>{{ isEn ? '数字运营营销总监' : '数字运营营销总监' }}</p>
<p>{{ isEn ? '数字运营项目总监' : '数字运营项目总监' }}</p>
</div>
<div>
<h5>{{isEn ? '中级岗位' : '中级岗位'}}</h5>
<p>{{isEn ? '数字运营经理' : '数字运营经理'}}</p>
<p>{{isEn ? '数字运营数据经理' : '数字运营数据经理'}}</p>
<p>{{isEn ? '数字运营营销经理' : '数字运营营销经理'}}</p>
<p>{{isEn ? '数字运营项目经理' : '数字运营项目经理'}}</p>
<h5>{{ isEn ? '中级岗位' : '中级岗位' }}</h5>
<p>{{ isEn ? '数字运营经理' : '数字运营经理' }}</p>
<p>{{ isEn ? '数字运营数据经理' : '数字运营数据经理' }}</p>
<p>{{ isEn ? '数字运营营销经理' : '数字运营营销经理' }}</p>
<p>{{ isEn ? '数字运营项目经理' : '数字运营项目经理' }}</p>
</div>
<div>
<h5>{{isEn ? '初级岗位' : '初级岗位'}}</h5>
<p>{{isEn ? '数字商家运营专员' : '数字商家运营专员'}}</p>
<p>{{isEn ? '数字用户运营专员' : '数字用户运营专员'}}</p>
<p>{{isEn ? '商务数据分析专员' : '商务数据分析专员'}}</p>
<p>{{isEn ? '数字营销专员' : '数字营销专员'}}</p>
<p>{{isEn ? '数字项目专员' : '数字项目专员'}}</p>
<h5>{{ isEn ? '初级岗位' : '初级岗位' }}</h5>
<p>{{ isEn ? '数字商家运营专员' : '数字商家运营专员' }}</p>
<p>{{ isEn ? '数字用户运营专员' : '数字用户运营专员' }}</p>
<p>{{ isEn ? '商务数据分析专员' : '商务数据分析专员' }}</p>
<p>{{ isEn ? '数字营销专员' : '数字营销专员' }}</p>
<p>{{ isEn ? '数字项目专员' : '数字项目专员' }}</p>
</div>
</div>
</div>
......@@ -487,8 +459,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_01.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_011.png'
"
class="banner"
/>
......@@ -500,11 +472,20 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png'
"
/>
<div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div>
<div class="module-title">{{ isEn ? '专业分类' : '专业分类' }}</div>
<div class="tabs">
<div :class="{item: true, active: module6TabActive === index, isHover: module6TabHoverIndex === index}" v-for="(item, index) in module6TabList" :key="index" @click="module6TabActive = index" @mouseenter="module6TabHoverIndex = index" @mouseleave="module6TabHoverIndex = -1">
<img :src="module6TabActive === index || module6TabHoverIndex === index ? item.active_icon : item.icon">
<p>{{item.text}}</p>
<div
:class="{ item: true, active: module6TabActive === index, isHover: module6TabHoverIndex === index }"
v-for="(item, index) in module6TabList"
:key="index"
@click="module6TabActive = index"
@mouseenter="module6TabHoverIndex = index"
@mouseleave="module6TabHoverIndex = -1"
>
<img
:src="module6TabActive === index || module6TabHoverIndex === index ? item.active_icon : item.icon"
/>
<p>{{ item.text }}</p>
</div>
</div>
<div v-show="module6TabActive === 0">
......@@ -537,107 +518,132 @@
/>
<div>
<h5>人才培养方向</h5>
<p>大数据技术生态系统解析,科技创新前沿实践<br>创新思维 + 应用场景 + 实践应用,多维度培养数据技术人才</p>
<p>
大数据技术生态系统解析,科技创新前沿实践<br />创新思维 + 应用场景 +
实践应用,多维度培养数据技术人才
</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{isEn ? '就业行业' : '就业行业'}}</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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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">
<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>
<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'
"
/>
: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">
......@@ -650,65 +656,65 @@
/>
<div>
<h5>人才培养方向</h5>
<p>复合 + 创新 + 可持续发展<br>赋能未来,夯实云计算人才培养</p>
<p>复合 + 创新 + 可持续发展<br />赋能未来,夯实云计算人才培养</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{isEn ? '就业行业' : '就业行业'}}</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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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">
<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>
<div class="module-title" style="margin-top:30px;">{{ isEn ? '广泛需求岗位' : '广泛需求岗位' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
"
/>
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
"
/>
</template>
<template v-if="module6TabActive === 3">
<div class="img-text">
......@@ -721,79 +727,93 @@
/>
<div>
<h5>人才培养方向</h5>
<p>复合 + 国际 + 创新<br>加快网络安全人才培养,打造人才培养“新样板”</p>
<p>复合 + 国际 + 创新<br />加快网络安全人才培养,打造人才培养“新样板”</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{isEn ? '就业行业' : '就业行业'}}</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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png" />
</div>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
"
style="margin-top:36px;"
/>
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
"
style="margin-top:36px;"
/>
</template>
</div>
</div>
......@@ -803,8 +823,8 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_01.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_011.png'
"
class="banner"
/>
......@@ -816,52 +836,52 @@
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png'
"
/>
<div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div>
<div class="module-title">{{ isEn ? '专业分类' : '专业分类' }}</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/major/page7_swiper_img_01.png">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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>
<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">
<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">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png" />
</div>
</div>
<!-- <ul class="cart-img cart-img1">
......@@ -919,16 +939,16 @@
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_03.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_031.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_031.png'
"
style="margin-top:48px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_04.png'
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_041.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_041.png'
"
/>
</div>
......@@ -986,7 +1006,7 @@ export default {
spaceBetween: 20,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
prevEl: '.swiper-button-prev'
}
},
module6TabActive: 0,
......@@ -1049,14 +1069,14 @@ export default {
color: #aa1941;
padding: 48px 0 31px;
}
.module-sub-title{
margin-top:20px;
span{
display:inline-block;
font-size:20px;
line-height:36px;
color:#424242;
border-bottom:1px solid #aa1941;
.module-sub-title {
margin-top: 20px;
span {
display: inline-block;
font-size: 20px;
line-height: 36px;
color: #424242;
border-bottom: 1px solid #aa1941;
}
}
.occupation-content-mian {
......@@ -1068,59 +1088,59 @@ export default {
height: 320px;
display: block;
}
.content-mian{
.content-mian {
padding: 60px 50px 15px;
img {
width: 100%;
display: block;
margin-bottom:48px;
margin-bottom: 48px;
}
.module-title{
font-size:22px;
.module-title {
font-size: 22px;
font-weight: 500;
line-height:34px;
color:#424242;
margin-bottom:20px;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
}
.swiper-content{
.swiper-content {
// padding: 0 25px;
margin-top:37px;
position:relative;
margin-top: 37px;
position: relative;
// overflow: auto;
// width: 100%;
.swiper-slide{
.swiper-slide {
position: relative;
width: 176px;
height: 224px;
// margin-top: 10px;
p{
p {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align:center;
text-align: center;
background: rgba(51, 51, 51, 0.65);
box-sizing: border-box;
padding-top:70px;
padding-top: 70px;
font-size: 20px;
color: #FEFEFE;
color: #fefefe;
overflow: hidden;
text-overflow:ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
img{
width:50px;
height:41px;
display:inline-block;
margin-bottom:16px;
img {
width: 50px;
height: 41px;
display: inline-block;
margin-bottom: 16px;
}
span{
display:block;
span {
display: block;
line-height: 40px;
font-size:16px;
font-size: 16px;
}
}
img{
img {
width: 100%;
}
}
......@@ -1128,60 +1148,60 @@ export default {
width: 176px;
height: 224px;
margin-top: 0;
img{
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;
display:none;
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;
display: none;
img {
width: 100%;
height: 100%;
display: block;
}
}
.swiper-button-next{
left:unset;
.swiper-button-next {
left: unset;
right: -5px;
}
}
.cart-txt{
display:flex;
.cart-txt {
display: flex;
justify-content: space-between;
margin:36px 0 40px;
div{
width:31%;
margin: 36px 0 40px;
div {
width: 31%;
// border-top:8px solid #F9F8F8;
background:#F9F8F8;
text-align:center;
min-height:220px;
box-sizing:border-box;
padding:20px 0;
h5{
line-height:60px;
font-size:18px;
color:#aa1941;
background: #f9f8f8;
text-align: center;
min-height: 220px;
box-sizing: border-box;
padding: 20px 0;
h5 {
line-height: 60px;
font-size: 18px;
color: #aa1941;
}
p{
line-height:34px;
color:#424242;
p {
line-height: 34px;
color: #424242;
}
p.bold{
font-weight:bold;
p.bold {
font-weight: bold;
}
}
div:hover{
div:hover {
// border-color:#fff;
background:#fff;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
}
......@@ -1225,86 +1245,86 @@ export default {
}
}
}
.cart-img.col-4{
li{
width:220px;
height:170px;
.cart-img.col-4 {
li {
width: 220px;
height: 170px;
}
}
}
}
.module-6{
.content-mian{
.tabs{
display:flex;
.item{
width:130px;
height:130px;
background: #F4F4F4;
text-align:center;
box-sizing:border-box;
padding-top:30px;
border-top:6px solid #f4f4f4;
.module-6 {
.content-mian {
.tabs {
display: flex;
.item {
width: 130px;
height: 130px;
background: #f4f4f4;
text-align: center;
box-sizing: border-box;
padding-top: 30px;
border-top: 6px solid #f4f4f4;
border-radius: 4px;
margin-right:20px;
transition:0.3s;
cursor:pointer;
img{
width:42px;
height:42px;
display:inline-block;
margin-bottom:16px;
margin-right: 20px;
transition: 0.3s;
cursor: pointer;
img {
width: 42px;
height: 42px;
display: inline-block;
margin-bottom: 16px;
}
}
.item.active, .item.isHover{
border-color:#aa1941;
background:#aa1941;
color:#fff;
.item.active,
.item.isHover {
border-color: #aa1941;
background: #aa1941;
color: #fff;
box-shadow: 5px 5px 5px #999;
}
.item.isHover{
.item.isHover {
transform: translateY(-10px);
}
}
.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;
.img-text {
position: relative;
margin-top: 15px;
div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.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;
p {
line-height: 28px;
}
}
}
}
}
.module-7{
.content-mian{
.cart-img1{
margin-top:20px;
li{
width:300px;
height:300px;
.module-7 {
.content-mian {
.cart-img1 {
margin-top: 20px;
li {
width: 300px;
height: 300px;
margin-right: 0;
margin-bottom: 0;
}
li:first-child{
width:600px;
li:first-child {
width: 600px;
}
}
}
......
......@@ -5,7 +5,7 @@
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/solution.png'
: 'https://webapp-pub.ezijing.com/www/pc/pages-solution.png'
: 'https://webapp-pub.ezijing.com/www/pc/pages-solution1.png'
"
/>
</div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论