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

v2版本首页更改

上级 9f590258
......@@ -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'),
childern: [
{
name: this.$t('menu.servicesChild.cert'),
isShow: false,
name: this.$t('menu.industrialCollege'),
path: '/services/college',
childern: [
{
name: this.$t('menu.servicesChild.career'),
name: this.$t('menu.industrialCollegeChild.corePower'),
isShow: false,
path: '/services/job'
path: '/services/college'
},
{
name: this.$t('menu.servicesChild.program'),
name: this.$t('menu.industrialCollegeChild.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'),
name: this.$t('menu.industrialCollegeChild.saas'),
isShow: false,
path: 'https://x-learning.ezijing.com',
pathType: 1
},
{
name: this.$t('menu.servicesChild.highLevel'),
name: this.$t('menu.industrialCollegeChild.internship'),
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.industrialCollegeChild.x'),
path: 'https://x.ezijing.com',
pathType: 1
},
{
name: this.$t('menu.servicesChild.onlineChild.prp'),
path: 'https://prp.ezijing.com/',
pathType: 1
}
]
name: this.$t('menu.industrialCollegeChild.cert'),
isShow: false,
path: '/services/job'
}
]
},
{
name: this.$t('menu.degree'),
childern: [
{
name: this.$t('menu.degreeChild.bachelor'),
isShow: false,
childern: [
{
name: this.$t('menu.degreeChild.bachelorChild.shms'),
path: '',
pathType: 3
}
]
},
// {
// name: this.$t('menu.degreeChild.bachelor'),
// isShow: false,
// childern: [
// {
// name: this.$t('menu.degreeChild.bachelorChild.shms'),
// path: '',
// pathType: 3
// }
// ]
// },
{
name: this.$t('menu.degreeChild.master'),
isShow: false,
......@@ -218,10 +255,14 @@ export default {
path: 'https://ciis.ezijing.com',
pathType: 1
},
// {
// name: this.$t('menu.degreeChild.masterChild.paln'),
// path: 'https://cfflp.ezijing.com',
// pathType: 1
// },
{
name: this.$t('menu.degreeChild.masterChild.paln'),
path: 'https://cfflp.ezijing.com',
pathType: 1
name: this.$t('menu.degreeChild.masterChild.studyAbroadMaster'),
pathType: 3
}
]
},
......@@ -262,11 +303,31 @@ export default {
{
name: this.$t('menu.degreeChild.doctorChild.edd'),
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'),
path: '/alumnus',
......
......@@ -30,17 +30,17 @@ export default {
return {
indexActive: 1,
data: [
{
name: this.$t('home.degree.tabBtn1'),
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
text: this.$t('home.degree.shms'),
path: ''
}
]
},
// {
// name: this.$t('home.degree.tabBtn1'),
// content: [
// {
// icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
// iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
// text: this.$t('home.degree.shms'),
// path: ''
// }
// ]
// },
{
name: this.$t('home.degree.tabBtn2'),
content: [
......@@ -62,11 +62,17 @@ export default {
text: this.$t('home.degree.map'),
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',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.png',
text: this.$t('home.degree.plan'),
path: 'https://cfflp.ezijing.com'
icon: 'https://webapp-pub.ezijing.com/www/pc/home/degree_03.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/degree_03_on.png',
text: this.$t('home.degree.studyAbroadMaster'),
path: ''
}
]
},
......@@ -113,6 +119,12 @@ export default {
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
text: this.$t('home.degree.edd'),
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 {
menu: {
about: 'ABOUT ZIJING',
services: 'EDUCATION SERVICES',
degree: 'DEGREE EDUCATION',
degree: 'INTERNATIONAL EDUCATION',
industrialCollege: 'COLLEGE OF DIGITAL ECONOMY AND INDUSTRY',
onlineEdu: 'ONLINE EDUCATION SOLUTIONS',
alumni: 'ALUMNI',
apply: 'APPLY',
aboutChild: {
......@@ -57,10 +59,23 @@ export default {
caas: 'MBA in Food and Beverage Management'
},
doctorChild: {
dba: 'Doctor of Psychology (coming soon)',
edd: 'Doctor of Business Administration (coming soon)'
// dba: 'Doctor of Psychology (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: {
alumni: 'Alumni',
alumniZijinghua: 'Zijinghua Project',
......@@ -82,6 +97,15 @@ export default {
}
},
home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
degree: {
title: 'Degree Education',
tabBtn1: 'Bachelor',
......@@ -92,13 +116,20 @@ export default {
msf: 'MSF',
med: 'MED<br />(Childhood Psychology<br />and Education)',
map: 'MAP',
plan: 'Plan for Future<br/>Financial Leaders',
// plan: 'Plan for Future<br/>Financial Leaders',
mba: 'MBA',
finance: 'MBA<br />IN FINANCE',
international: 'MBA<br />IN HOSPITALITY',
dba: 'Doctor of<br />Psychology DBA<br />(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: {
x: '1+x',
......
......@@ -2,7 +2,9 @@ export default {
menu: {
about: '关于紫荆',
services: '教育服务',
degree: '学位教育',
degree: '国际教育',
industrialCollege: '数字经济产业学院',
onlineEdu: '在线教育解决方案',
alumni: '校友会',
apply: '我要报名',
aboutChild: {
......@@ -48,7 +50,8 @@ export default {
msf: '金融硕士MSF',
med: '教育学硕士MED(儿童心理与教育)',
map: '应用心理学MAP',
paln: '未来金融领袖计划'
// paln: '未来金融领袖计划',
studyAbroadMaster: '海外留学1+1'
},
mbaChild: {
mba: '数字领导力方向MBA',
......@@ -57,10 +60,22 @@ export default {
caas: '餐饮管理方向MBA'
},
doctorChild: {
dba: '心理学博士DBA(即将推出)',
edd: '工商管理学博士DBA(即将推出)'
edd: '工商管理学博士EDD(即将推出)',
studyAbroad: '海外留学2+1(即将推出)'
}
},
industrialCollegeChild: {
corePower: '核心动力介绍',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
onlineEduChild: {
service: '业务服务模块',
prp: '私人财富风险管理顾问(PRP)'
},
alumniChild: {
alumni: '校友会',
alumniZijinghua: '紫荆花计划',
......@@ -82,8 +97,17 @@ export default {
}
},
home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
degree: {
title: '国际学位教育',
title: '国际教育',
tabBtn1: '本科',
tabBtn2: '硕士',
tabBtn3: 'MBA',
......@@ -92,13 +116,20 @@ export default {
msf: '金融硕士<br />MSF',
med: '教育学硕士MED<br />(儿童心理与教育)',
map: '应用心理学<br />硕士MAP',
plan: '未来金融<br />领袖计划',
// plan: '未来金融<br />领袖计划',
mba: '数字领导力方向MBA',
finance: '金融方向MBA',
international: '酒店和旅游方向MBA',
dba: '心理学博士<br/>(即将推出)',
edd: '工商管理学博士<br/>(即将推出)',
caas: '餐饮管理方向MBA'
studyAbroad: '海外留学2+1<br/>(即将推出)',
caas: '餐饮管理方向MBA',
studyAbroadMaster: '海外留学<br/> 1+1'
},
onlineEdu: {
title: '在线教育解决方案',
service: '业务服务模块',
prp: '私人财富风险管理顾问(PRP)'
},
service: {
x: '1+x',
......
......@@ -2,10 +2,14 @@
<div class="container">
<!-- 轮播图 -->
<banner />
<!-- 产业学院 -->
<industrial-college/>
<!-- 学位教育 -->
<degree-education/>
<!-- 学位教育 -->
<online-edu/>
<!-- 教育服务 -->
<education-services/>
<!-- <education-services/> -->
<!-- 项目公告 -->
<project-notice/>
<!-- 校长寄语 -->
......@@ -28,6 +32,8 @@ import headmasterMsg from '../components/home/headmasterMsg'
import alumniStories from '../components/home/alumniStories'
import openClass from '../components/home/openClass'
import serviceCase from '../components/home/serviceCase'
import industrialCollege from '../components/home/industrialCollege'
import onlineEdu from '../components/home/onlineEdu'
export default {
components: {
banner,
......@@ -37,7 +43,9 @@ export default {
headmasterMsg,
alumniStories,
openClass,
serviceCase
serviceCase,
industrialCollege,
onlineEdu
},
data () {
return {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论