提交 72256736 authored 作者: pengxiaohui's avatar pengxiaohui

v2版本首页更改

上级 9f590258
...@@ -121,84 +121,121 @@ export default { ...@@ -121,84 +121,121 @@ export default {
} }
] ]
}, },
// {
// name: this.$t('menu.services'),
// childern: [
// {
// name: this.$t('menu.servicesChild.cert'),
// isShow: false,
// childern: [
// {
// name: this.$t('menu.servicesChild.career'),
// isShow: false,
// path: '/services/job'
// },
// {
// name: this.$t('menu.servicesChild.program'),
// isShow: false,
// path: '/services/major'
// },
// {
// name: this.$t('menu.servicesChild.x'),
// path: 'https://x.ezijing.com',
// pathType: 1
// }
// ]
// },
// {
// name: this.$t('menu.servicesChild.college'),
// isShow: false,
// path: '/services/college',
// childern: [
// {
// name: this.$t('menu.servicesChild.collegeChild.college'),
// isShow: false,
// path: '/services/college'
// },
// {
// name: this.$t('menu.servicesChild.collegeChild.saas'),
// isShow: false,
// path: 'https://x-learning.ezijing.com',
// pathType: 1
// },
// {
// name: this.$t('menu.servicesChild.highLevel'),
// isShow: false,
// path: '/services/employment'
// }
// ]
// },
// {
// name: this.$t('menu.servicesChild.online'),
// isShow: false,
// childern: [
// {
// name: this.$t('menu.servicesChild.onlineChild.core'),
// path: '/services/solution'
// },
// {
// name: this.$t('menu.servicesChild.onlineChild.prp'),
// path: 'https://prp.ezijing.com/',
// pathType: 1
// }
// ]
// }
// ]
// },
{ {
name: this.$t('menu.services'), name: this.$t('menu.industrialCollege'),
path: '/services/college',
childern: [ childern: [
{ {
name: this.$t('menu.servicesChild.cert'), name: this.$t('menu.industrialCollegeChild.corePower'),
isShow: false, isShow: false,
childern: [ path: '/services/college'
{
name: this.$t('menu.servicesChild.career'),
isShow: false,
path: '/services/job'
},
{
name: this.$t('menu.servicesChild.program'),
isShow: false,
path: '/services/major'
},
{
name: this.$t('menu.servicesChild.x'),
path: 'https://x.ezijing.com',
pathType: 1
}
]
}, },
{ {
name: this.$t('menu.servicesChild.college'), name: this.$t('menu.industrialCollegeChild.program'),
isShow: false, isShow: false,
path: '/services/college', path: '/services/major'
childern: [
{
name: this.$t('menu.servicesChild.collegeChild.college'),
isShow: false,
path: '/services/college'
},
{
name: this.$t('menu.servicesChild.collegeChild.saas'),
isShow: false,
path: 'https://x-learning.ezijing.com',
pathType: 1
},
{
name: this.$t('menu.servicesChild.highLevel'),
isShow: false,
path: '/services/employment'
}
]
}, },
{ {
name: this.$t('menu.servicesChild.online'), name: this.$t('menu.industrialCollegeChild.saas'),
isShow: false, isShow: false,
childern: [ path: 'https://x-learning.ezijing.com',
{ pathType: 1
name: this.$t('menu.servicesChild.onlineChild.core'), },
path: '/services/solution' {
}, name: this.$t('menu.industrialCollegeChild.internship'),
{ isShow: false,
name: this.$t('menu.servicesChild.onlineChild.prp'), path: '/services/employment'
path: 'https://prp.ezijing.com/', },
pathType: 1 {
} name: this.$t('menu.industrialCollegeChild.x'),
] path: 'https://x.ezijing.com',
pathType: 1
},
{
name: this.$t('menu.industrialCollegeChild.cert'),
isShow: false,
path: '/services/job'
} }
] ]
}, },
{ {
name: this.$t('menu.degree'), name: this.$t('menu.degree'),
childern: [ childern: [
{ // {
name: this.$t('menu.degreeChild.bachelor'), // name: this.$t('menu.degreeChild.bachelor'),
isShow: false, // isShow: false,
childern: [ // childern: [
{ // {
name: this.$t('menu.degreeChild.bachelorChild.shms'), // name: this.$t('menu.degreeChild.bachelorChild.shms'),
path: '', // path: '',
pathType: 3 // pathType: 3
} // }
] // ]
}, // },
{ {
name: this.$t('menu.degreeChild.master'), name: this.$t('menu.degreeChild.master'),
isShow: false, isShow: false,
...@@ -218,10 +255,14 @@ export default { ...@@ -218,10 +255,14 @@ export default {
path: 'https://ciis.ezijing.com', path: 'https://ciis.ezijing.com',
pathType: 1 pathType: 1
}, },
// {
// name: this.$t('menu.degreeChild.masterChild.paln'),
// path: 'https://cfflp.ezijing.com',
// pathType: 1
// },
{ {
name: this.$t('menu.degreeChild.masterChild.paln'), name: this.$t('menu.degreeChild.masterChild.studyAbroadMaster'),
path: 'https://cfflp.ezijing.com', pathType: 3
pathType: 1
} }
] ]
}, },
...@@ -262,11 +303,31 @@ export default { ...@@ -262,11 +303,31 @@ export default {
{ {
name: this.$t('menu.degreeChild.doctorChild.edd'), name: this.$t('menu.degreeChild.doctorChild.edd'),
pathType: 3 pathType: 3
},
{
name: this.$t('menu.degreeChild.doctorChild.studyAbroad'),
pathType: 3
} }
] ]
} }
] ]
}, },
{
name: this.$t('menu.onlineEdu'),
path: '/services/college',
childern: [
{
name: this.$t('menu.onlineEduChild.service'),
isShow: false,
path: '/services/solution'
},
{
name: this.$t('menu.onlineEduChild.prp'),
path: 'https://prp.ezijing.com/',
pathType: 1
}
]
},
{ {
name: this.$t('menu.alumni'), name: this.$t('menu.alumni'),
path: '/alumnus', path: '/alumnus',
......
...@@ -30,17 +30,17 @@ export default { ...@@ -30,17 +30,17 @@ export default {
return { return {
indexActive: 1, indexActive: 1,
data: [ data: [
{ // {
name: this.$t('home.degree.tabBtn1'), // name: this.$t('home.degree.tabBtn1'),
content: [ // content: [
{ // {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png', // icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png', // iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
text: this.$t('home.degree.shms'), // text: this.$t('home.degree.shms'),
path: '' // path: ''
} // }
] // ]
}, // },
{ {
name: this.$t('home.degree.tabBtn2'), name: this.$t('home.degree.tabBtn2'),
content: [ content: [
...@@ -62,11 +62,17 @@ export default { ...@@ -62,11 +62,17 @@ export default {
text: this.$t('home.degree.map'), text: this.$t('home.degree.map'),
path: 'https://ciis.ezijing.com' path: 'https://ciis.ezijing.com'
}, },
// {
// icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png',
// iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.png',
// text: this.$t('home.degree.plan'),
// path: 'https://cfflp.ezijing.com'
// },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png', icon: 'https://webapp-pub.ezijing.com/www/pc/home/degree_03.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.png', iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/degree_03_on.png',
text: this.$t('home.degree.plan'), text: this.$t('home.degree.studyAbroadMaster'),
path: 'https://cfflp.ezijing.com' path: ''
} }
] ]
}, },
...@@ -113,6 +119,12 @@ export default { ...@@ -113,6 +119,12 @@ export default {
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
text: this.$t('home.degree.edd'), text: this.$t('home.degree.edd'),
path: '' path: ''
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/degree_01.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/degree_01_on.png',
text: this.$t('home.degree.studyAbroad'),
path: ''
} }
] ]
} }
......
<template>
<div class="service-content max-width-center">
<div class="title">{{$t('home.college.title')}}</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="icon">
<img :src="item.iconActive" alt="" class="icon-active">
<div class="text" v-html="item.text"></div>
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/01.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/01_on.png',
text: this.$t('home.college.corePower'), path: '/services/college', pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/02.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/02_on.png',
text: this.$t('home.college.program'), path: '/services/major', pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/03.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/03_on.png',
text: this.$t('home.college.saas'), path: 'https://x-learning.ezijing.com', pathType: 0
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/04.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/04_on.png',
text: this.$t('home.college.internship'), path: '/services/employment', pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/05.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/05_on.png',
text: this.$t('home.college.x'), path: 'https://x.ezijing.com', pathType: 0
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/06.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/06_on.png',
text: this.$t('home.college.cert'), path: '/services/job', pathType: 1
}
]
}
},
methods: {
goPage(path, type) {
if (path === '') {
this.$message('暂未开通,尽请期待。')
return
} else {
!type ? window.open(path) : this.$router.push({ path: path })
}
}
}
}
</script>
<style lang="scss" scoped>
.service-content{
padding-top: 44px;
.title{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
}
.nav-content{
display: flex;
li{
width: 156px;
height: 186px;
background: #FFFFFF;
padding-top: 36px;
margin-right: 20px;
cursor: pointer;
transition: all .5s;
img{
width: 64px;
height: 64px;
display: block;
margin: 0 auto;
}
.icon-active{
display: none;
}
&:hover{
background: rgba(170, 25, 65, 1);
.text{
color: #fff;
}
.icon{
display: none;
}
.icon-active{
display: block;
}
}
.text{
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #666666;
margin-top: 20px;
}
}
}
}
.max-width-center{
width: 1212px;
margin: 0 auto;
}
</style>
<template>
<div class="service-content max-width-center">
<div class="title">{{$t('home.onlineEdu.title')}}</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="icon">
<img :src="item.iconActive" alt="" class="icon-active">
<div class="text" v-html="item.text"></div>
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_01.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_01_on.png',
text: this.$t('home.onlineEdu.service'), path: '/services/solution', pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_02.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_02_on.png',
text: this.$t('home.onlineEdu.prp'), path: 'https://prp.ezijing.com/', pathType: 0
}
]
}
},
methods: {
goPage(path, type) {
if (path === '') {
this.$message('暂未开通,尽请期待。')
return
} else {
!type ? window.open(path) : this.$router.push({ path: path })
}
}
}
}
</script>
<style lang="scss" scoped>
.service-content{
padding-top: 44px;
.title{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
}
.nav-content{
display: flex;
li{
width: 156px;
height: 186px;
background: #FFFFFF;
padding-top: 36px;
margin-right: 20px;
cursor: pointer;
transition: all .5s;
img{
width: 64px;
height: 64px;
display: block;
margin: 0 auto;
}
.icon-active{
display: none;
}
&:hover{
background: rgba(170, 25, 65, 1);
.text{
color: #fff;
}
.icon{
display: none;
}
.icon-active{
display: block;
}
}
.text{
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #666666;
margin-top: 20px;
}
}
}
}
.max-width-center{
width: 1212px;
margin: 0 auto;
}
</style>
...@@ -2,7 +2,9 @@ export default { ...@@ -2,7 +2,9 @@ export default {
menu: { menu: {
about: 'ABOUT ZIJING', about: 'ABOUT ZIJING',
services: 'EDUCATION SERVICES', services: 'EDUCATION SERVICES',
degree: 'DEGREE EDUCATION', degree: 'INTERNATIONAL EDUCATION',
industrialCollege: 'COLLEGE OF DIGITAL ECONOMY AND INDUSTRY',
onlineEdu: 'ONLINE EDUCATION SOLUTIONS',
alumni: 'ALUMNI', alumni: 'ALUMNI',
apply: 'APPLY', apply: 'APPLY',
aboutChild: { aboutChild: {
...@@ -57,10 +59,23 @@ export default { ...@@ -57,10 +59,23 @@ export default {
caas: 'MBA in Food and Beverage Management' caas: 'MBA in Food and Beverage Management'
}, },
doctorChild: { doctorChild: {
dba: 'Doctor of Psychology (coming soon)', // dba: 'Doctor of Psychology (coming soon)',
edd: 'Doctor of Business Administration (coming soon)' edd: 'Doctor of Business Administration (coming soon)',
studyAbroad: 'study abroad 2+1 (coming soon)'
} }
}, },
industrialCollegeChild: {
corePower: 'core power Profile',
program: 'Programs Cooperation',
saas: 'SAAS Platform',
internship: 'internship',
x: '1+X',
cert: 'vocational certificate'
},
onlineEduChild: {
service: 'business service',
prp: 'Private-wealth Risk-management Professional'
},
alumniChild: { alumniChild: {
alumni: 'Alumni', alumni: 'Alumni',
alumniZijinghua: 'Zijinghua Project', alumniZijinghua: 'Zijinghua Project',
...@@ -82,6 +97,15 @@ export default { ...@@ -82,6 +97,15 @@ export default {
} }
}, },
home: { home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
degree: { degree: {
title: 'Degree Education', title: 'Degree Education',
tabBtn1: 'Bachelor', tabBtn1: 'Bachelor',
...@@ -92,13 +116,20 @@ export default { ...@@ -92,13 +116,20 @@ export default {
msf: 'MSF', msf: 'MSF',
med: 'MED<br />(Childhood Psychology<br />and Education)', med: 'MED<br />(Childhood Psychology<br />and Education)',
map: 'MAP', map: 'MAP',
plan: 'Plan for Future<br/>Financial Leaders', // plan: 'Plan for Future<br/>Financial Leaders',
mba: 'MBA', mba: 'MBA',
finance: 'MBA<br />IN FINANCE', finance: 'MBA<br />IN FINANCE',
international: 'MBA<br />IN HOSPITALITY', international: 'MBA<br />IN HOSPITALITY',
dba: 'Doctor of<br />Psychology DBA<br />(coming soon)', dba: 'Doctor of<br />Psychology DBA<br />(coming soon)',
edd: 'Doctor of Business<br />Administration DBA(coming soon)', edd: 'Doctor of Business<br />Administration DBA(coming soon)',
caas: 'MBA IN FOOD AND BEVERAGE MANAGEMENT' caas: 'MBA IN FOOD AND BEVERAGE MANAGEMENT',
studyAbroad: '海外留学2+1<br/>(即将推出)',
studyAbroadMaster: '海外留学<br/> 1+1'
},
onlineEdu: {
title: '在线教育解决方案',
service: '业务服务模块',
prp: '私人财富风险管理顾问(PRP)'
}, },
service: { service: {
x: '1+x', x: '1+x',
......
...@@ -2,7 +2,9 @@ export default { ...@@ -2,7 +2,9 @@ export default {
menu: { menu: {
about: '关于紫荆', about: '关于紫荆',
services: '教育服务', services: '教育服务',
degree: '学位教育', degree: '国际教育',
industrialCollege: '数字经济产业学院',
onlineEdu: '在线教育解决方案',
alumni: '校友会', alumni: '校友会',
apply: '我要报名', apply: '我要报名',
aboutChild: { aboutChild: {
...@@ -48,7 +50,8 @@ export default { ...@@ -48,7 +50,8 @@ export default {
msf: '金融硕士MSF', msf: '金融硕士MSF',
med: '教育学硕士MED(儿童心理与教育)', med: '教育学硕士MED(儿童心理与教育)',
map: '应用心理学MAP', map: '应用心理学MAP',
paln: '未来金融领袖计划' // paln: '未来金融领袖计划',
studyAbroadMaster: '海外留学1+1'
}, },
mbaChild: { mbaChild: {
mba: '数字领导力方向MBA', mba: '数字领导力方向MBA',
...@@ -57,10 +60,22 @@ export default { ...@@ -57,10 +60,22 @@ export default {
caas: '餐饮管理方向MBA' caas: '餐饮管理方向MBA'
}, },
doctorChild: { doctorChild: {
dba: '心理学博士DBA(即将推出)', edd: '工商管理学博士EDD(即将推出)',
edd: '工商管理学博士DBA(即将推出)' studyAbroad: '海外留学2+1(即将推出)'
} }
}, },
industrialCollegeChild: {
corePower: '核心动力介绍',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
onlineEduChild: {
service: '业务服务模块',
prp: '私人财富风险管理顾问(PRP)'
},
alumniChild: { alumniChild: {
alumni: '校友会', alumni: '校友会',
alumniZijinghua: '紫荆花计划', alumniZijinghua: '紫荆花计划',
...@@ -82,8 +97,17 @@ export default { ...@@ -82,8 +97,17 @@ export default {
} }
}, },
home: { home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
degree: { degree: {
title: '国际学位教育', title: '国际教育',
tabBtn1: '本科', tabBtn1: '本科',
tabBtn2: '硕士', tabBtn2: '硕士',
tabBtn3: 'MBA', tabBtn3: 'MBA',
...@@ -92,13 +116,20 @@ export default { ...@@ -92,13 +116,20 @@ export default {
msf: '金融硕士<br />MSF', msf: '金融硕士<br />MSF',
med: '教育学硕士MED<br />(儿童心理与教育)', med: '教育学硕士MED<br />(儿童心理与教育)',
map: '应用心理学<br />硕士MAP', map: '应用心理学<br />硕士MAP',
plan: '未来金融<br />领袖计划', // plan: '未来金融<br />领袖计划',
mba: '数字领导力方向MBA', mba: '数字领导力方向MBA',
finance: '金融方向MBA', finance: '金融方向MBA',
international: '酒店和旅游方向MBA', international: '酒店和旅游方向MBA',
dba: '心理学博士<br/>(即将推出)', dba: '心理学博士<br/>(即将推出)',
edd: '工商管理学博士<br/>(即将推出)', edd: '工商管理学博士<br/>(即将推出)',
caas: '餐饮管理方向MBA' studyAbroad: '海外留学2+1<br/>(即将推出)',
caas: '餐饮管理方向MBA',
studyAbroadMaster: '海外留学<br/> 1+1'
},
onlineEdu: {
title: '在线教育解决方案',
service: '业务服务模块',
prp: '私人财富风险管理顾问(PRP)'
}, },
service: { service: {
x: '1+x', x: '1+x',
......
...@@ -2,10 +2,14 @@ ...@@ -2,10 +2,14 @@
<div class="container"> <div class="container">
<!-- 轮播图 --> <!-- 轮播图 -->
<banner /> <banner />
<!-- 产业学院 -->
<industrial-college/>
<!-- 学位教育 --> <!-- 学位教育 -->
<degree-education/> <degree-education/>
<!-- 学位教育 -->
<online-edu/>
<!-- 教育服务 --> <!-- 教育服务 -->
<education-services/> <!-- <education-services/> -->
<!-- 项目公告 --> <!-- 项目公告 -->
<project-notice/> <project-notice/>
<!-- 校长寄语 --> <!-- 校长寄语 -->
...@@ -28,6 +32,8 @@ import headmasterMsg from '../components/home/headmasterMsg' ...@@ -28,6 +32,8 @@ import headmasterMsg from '../components/home/headmasterMsg'
import alumniStories from '../components/home/alumniStories' import alumniStories from '../components/home/alumniStories'
import openClass from '../components/home/openClass' import openClass from '../components/home/openClass'
import serviceCase from '../components/home/serviceCase' import serviceCase from '../components/home/serviceCase'
import industrialCollege from '../components/home/industrialCollege'
import onlineEdu from '../components/home/onlineEdu'
export default { export default {
components: { components: {
banner, banner,
...@@ -37,7 +43,9 @@ export default { ...@@ -37,7 +43,9 @@ export default {
headmasterMsg, headmasterMsg,
alumniStories, alumniStories,
openClass, openClass,
serviceCase serviceCase,
industrialCollege,
onlineEdu
}, },
data () { data () {
return { return {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论