提交 7756a15c authored 作者: lhh's avatar lhh
...@@ -141,8 +141,8 @@ export default { ...@@ -141,8 +141,8 @@ export default {
{ label: '领航数字时代EMBA', value: '1026' }, { label: '领航数字时代EMBA', value: '1026' },
{ label: this.$t('aside.project1'), value: '1012' }, { label: this.$t('aside.project1'), value: '1012' },
{ label: this.$t('aside.project3'), value: '1008' }, { label: this.$t('aside.project3'), value: '1008' },
{ label: this.$t('aside.project9'), value: '1015' }, // { label: this.$t('aside.project9'), value: '1015' },
{ label: this.$t('aside.project4'), value: '1001' } // { label: this.$t('aside.project4'), value: '1001' }
] ]
} else { } else {
return [ return [
......
...@@ -330,11 +330,11 @@ export default { ...@@ -330,11 +330,11 @@ export default {
name: this.$t('menu.degreeChild.master'), name: this.$t('menu.degreeChild.master'),
isShow: false, isShow: false,
children: [ children: [
{ // {
name: this.$t('menu.degreeChild.masterChild.msf'), // name: this.$t('menu.degreeChild.masterChild.msf'),
path: 'https://kelley.ezijing.com', // path: 'https://kelley.ezijing.com',
pathType: 1 // pathType: 1
}, // },
{ {
name: this.$t('menu.degreeChild.masterChild.med'), name: this.$t('menu.degreeChild.masterChild.med'),
path: 'https://cu.ezijing.com', path: 'https://cu.ezijing.com',
...@@ -377,11 +377,11 @@ export default { ...@@ -377,11 +377,11 @@ export default {
path: 'https://shms.ezijing.com', path: 'https://shms.ezijing.com',
pathType: 1 pathType: 1
}, },
{ // {
name: this.$t('menu.degreeChild.mbaChild.caas'), // name: this.$t('menu.degreeChild.mbaChild.caas'),
path: 'https://caas.ezijing.com', // path: 'https://caas.ezijing.com',
pathType: 1 // pathType: 1
} // }
] ]
// }, // },
...@@ -406,6 +406,17 @@ export default { ...@@ -406,6 +406,17 @@ export default {
// pathType: 1 // pathType: 1
// } // }
// ] // ]
},
{
name: 'DBA',
isShow: false,
children: [
{
name: '科创方向DBA',
path: 'https://ppai.ezijing.com/',
pathType: 1
}
]
} }
] ]
}, },
...@@ -497,8 +508,8 @@ export default { ...@@ -497,8 +508,8 @@ export default {
this.isEn = this.$cookies.get('lang') === 'en-US' this.isEn = this.$cookies.get('lang') === 'en-US'
this.$store.dispatch('checkLogin') this.$store.dispatch('checkLogin')
if (this.isEn) { if (this.isEn) {
this.navData.map((item) => { this.navData.map(item => {
item?.children?.map((it) => { item?.children?.map(it => {
if (it.isShowChild === false) { if (it.isShowChild === false) {
it.children = '' it.children = ''
} }
...@@ -556,9 +567,9 @@ export default { ...@@ -556,9 +567,9 @@ export default {
} }
}, },
navLeave() { navLeave() {
this.navData.map((item) => { this.navData.map(item => {
if (item.children) { if (item.children) {
item.children.map((cItem) => { item.children.map(cItem => {
cItem.isShow = false cItem.isShow = false
}) })
} }
...@@ -576,14 +587,14 @@ export default { ...@@ -576,14 +587,14 @@ export default {
}, },
computed: { computed: {
getNameActive() { getNameActive() {
return (item) => { return item => {
const currentPath = this.$route.path const currentPath = this.$route.path
if (currentPath.includes(item.path)) { if (currentPath.includes(item.path)) {
return 'name active' return 'name active'
} else { } else {
let className = 'name' let className = 'name'
if (item.children) { if (item.children) {
item.children.map((cData) => { item.children.map(cData => {
cData.path === currentPath && (className = 'name active') cData.path === currentPath && (className = 'name active')
}) })
} }
......
<template> <template>
<AppCard :title="title" style="margin-top:50px;"> <AppCard :title="title" style="margin-top: 50px">
<template #header-aside><nuxt-link :to="baseUrl" v-if="baseUrl">查看更多+</nuxt-link></template> <template #header-aside><nuxt-link :to="baseUrl" v-if="baseUrl">查看更多+</nuxt-link></template>
<div class="project-list"> <div :class="className ? className : 'project-list'">
<div class="project-item" v-for="(item, index) in list" :key="index"> <div class="project-item" v-for="(item, index) in list" :key="index">
<!-- <AppLink :data="item"><img :src="item.imgUrl"/></AppLink> --> <!-- <AppLink :data="item"><img :src="item.imgUrl"/></AppLink> -->
<div <div
class="project-item-pic" class="project-item-pic"
:style=" :style="isEn ? `background:url(${item.imgUrlEn}) no-repeat center / 100% 100%;` : `background:url(${item.imgUrl}) no-repeat center / 100% 100%; `">
isEn
? `background:url(${item.imgUrlEn}) no-repeat center / 100% 100%;`
: `background:url(${item.imgUrl}) no-repeat center / 100% 100%; `
"
>
<!-- <img :src="item.imgUrl" /> --> <!-- <img :src="item.imgUrl" /> -->
<ul class="tools"> <ul class="tools">
<li @click="handleSubmit(item)">{{ isEn ? 'Register' : '我要报名' }}</li> <li @click="handleSubmit(item)">{{ isEn ? 'Register' : '我要报名' }}</li>
...@@ -37,7 +32,7 @@ import AppLink from '@/components/Link.vue' ...@@ -37,7 +32,7 @@ import AppLink from '@/components/Link.vue'
export default { export default {
name: 'ProjectCard', name: 'ProjectCard',
props: { list: { type: Array, default: () => [] }, title: String, baseUrl: String }, props: { list: { type: Array, default: () => [] }, title: String, baseUrl: String, className: String },
components: { AppCard, AppLink }, components: { AppCard, AppLink },
data() { data() {
return { return {
...@@ -66,49 +61,96 @@ export default { ...@@ -66,49 +61,96 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.project-list { .project-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 20px;
column-gap: 20px;
.project-item {
background-color: #fff;
.project-item-pic {
height: 360px;
overflow: hidden;
position: relative;
}
img {
width: 100%;
}
&:hover {
box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.3);
}
.tools {
position: absolute;
bottom: 20px;
left: 0;
display: flex;
justify-content: center;
width: 100%;
li {
flex: 1;
font-size: 16px;
font-weight: 400;
color: #4d4d4d;
text-align: center;
cursor: pointer;
// &:hover {
// font-weight: 500;
// color: #333333;
// }
}
li:first-child {
color: #af1c40;
}
li + li {
border-left: 1px solid #c9c9c9;
}
}
}
}
.project-list2 {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
row-gap: 37px; row-gap: 37px;
column-gap: 37px; column-gap: 37px;
} .project-item {
.project-item { background-color: #fff;
background-color: #fff; .project-item-pic {
.project-item-pic { height: 230px;
height: 230px; overflow: hidden;
overflow: hidden; position: relative;
position: relative;
}
img {
width: 100%;
}
&:hover {
box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.3);
}
.tools {
position: absolute;
bottom: 15px;
right: 0;
display: flex;
justify-content: center;
width: 350px;
li {
flex: 1;
font-size: 16px;
font-weight: 400;
color: #4d4d4d;
text-align: center;
cursor: pointer;
// &:hover {
// font-weight: 500;
// color: #333333;
// }
} }
li:first-child { img {
color: #af1c40; width: 100%;
} }
li + li { &:hover {
border-left: 1px solid #c9c9c9; box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.3);
}
.tools {
position: absolute;
bottom: 15px;
right: 0;
display: flex;
justify-content: center;
width: 350px;
li {
flex: 1;
font-size: 16px;
font-weight: 400;
color: #4d4d4d;
text-align: center;
cursor: pointer;
// &:hover {
// font-weight: 500;
// color: #333333;
// }
}
li:first-child {
color: #af1c40;
}
li + li {
border-left: 1px solid #c9c9c9;
}
} }
} }
} }
......
<template> <template>
<div <div
style="padding:100px 0 40px;background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/lx-bg.png); background-size: cover;" style="
> padding: 100px 0 40px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/lx-bg.png);
background-size: cover;
">
<AppCard title="$t('home.abroad.title')" titleAlign="center" style="margin: 0 auto"> <AppCard title="$t('home.abroad.title')" titleAlign="center" style="margin: 0 auto">
<template #title> <template #title>
<nuxt-link to="/studyAbroad">{{ $t('home.abroad.title') }}</nuxt-link> <nuxt-link to="/studyAbroad">{{ $t('home.abroad.title') }}</nuxt-link>
...@@ -13,13 +16,15 @@ ...@@ -13,13 +16,15 @@
<div class="box-col__title" style="margin-top: 35px">{{ item.title }}</div> <div class="box-col__title" style="margin-top: 35px">{{ item.title }}</div>
<div class="box-l_list"> <div class="box-l_list">
<div class="box-l_item" v-for="cItem in item.children"> <div class="box-l_item" v-for="cItem in item.children">
<div class="box-item_title">{{ cItem.title }}</div> <a :href="cItem.href">
<img :src="cItem.img" class="box-item_logo" /> <div class="box-item_title">{{ cItem.title }}</div>
<div class="box-item_btns"> <img :src="cItem.img" class="box-item_logo" />
<a :href="btn.href" v-for="btn in cItem.btn" target="_blank"> <div class="box-item_btns">
<div class="box-item_btn" v-html="btn.name"></div> <a :href="btn.href" v-for="btn in cItem.btn" target="_blank">
</a> <div class="box-item_btn" v-html="btn.name"></div>
</div> </a>
</div>
</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -28,11 +33,11 @@ ...@@ -28,11 +33,11 @@
<div class="box-red_title">非学历项目</div> <div class="box-red_title">非学历项目</div>
<div class="box-block" style="margin: 75px 0 30px"> <div class="box-block" style="margin: 75px 0 30px">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/fxl-img1.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/fxl-img1.png" />
<div style="margin-left: 10px;" class="btn">交换生项目</div> <div style="margin-left: 10px" class="btn">交换生项目</div>
</div> </div>
<div class="box-block"> <div class="box-block">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/fxl-img2.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/fxl-img2.png" />
<div style="margin-left: 10px;" class="btn">教师访学项目</div> <div style="margin-left: 10px" class="btn">教师访学项目</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -67,6 +72,7 @@ export default { ...@@ -67,6 +72,7 @@ export default {
children: [ children: [
{ {
title: '雪城大学', title: '雪城大学',
href: 'https://syracuse-plus.ezijing.com/',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m1.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m1.png',
btn: [ btn: [
{ name: '计算机工程硕士', href: 'https://syracuse-plus.ezijing.com/' }, { name: '计算机工程硕士', href: 'https://syracuse-plus.ezijing.com/' },
...@@ -76,16 +82,19 @@ export default { ...@@ -76,16 +82,19 @@ export default {
}, },
{ {
title: '斯蒂文斯理工学院', title: '斯蒂文斯理工学院',
href: 'https://sit-plus.ezijing.com/',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m3.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m3.png',
btn: [{ name: '工程管理硕士', href: 'https://sit-plus.ezijing.com/' }] btn: [{ name: '工程管理硕士', href: 'https://sit-plus.ezijing.com/' }]
}, },
{ {
title: '纽约州立大学石溪分校', title: '纽约州立大学石溪分校',
href: 'https://sbu-plus.ezijing.com/',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m2.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m2.png',
btn: [{ name: '金融学硕士', href: 'https://sbu-plus.ezijing.com/' }] btn: [{ name: '金融学硕士', href: 'https://sbu-plus.ezijing.com/' }]
}, },
{ {
title: '德保罗大学', title: '德保罗大学',
href: 'https://depaul-plus.ezijing.com/',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m4.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m4.png',
btn: [ btn: [
{ name: '金融学硕士', href: 'https://depaul-plus.ezijing.com/' }, { name: '金融学硕士', href: 'https://depaul-plus.ezijing.com/' },
...@@ -93,16 +102,16 @@ export default { ...@@ -93,16 +102,16 @@ export default {
] ]
} }
] ]
// }, // },
// { // {
// title: '博士', // title: '博士',
// children: [ // children: [
// { // {
// title: '加州浸会大学', // title: '加州浸会大学',
// img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/d1.png', // img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/d1.png',
// btn: [{ name: '全日制<br />工商管理博士DBA', href: 'https://cbu-plus.ezijing.com/' }] // btn: [{ name: '全日制<br />工商管理博士DBA', href: 'https://cbu-plus.ezijing.com/' }]
// } // }
// ] // ]
} }
] ]
// abroadList: [ // abroadList: [
...@@ -181,7 +190,7 @@ export default { ...@@ -181,7 +190,7 @@ export default {
} }
&:hover { &:hover {
background-color: #aa1941; background-color: #aa1941;
.btn{ .btn {
color: #fff; color: #fff;
} }
} }
...@@ -228,7 +237,7 @@ export default { ...@@ -228,7 +237,7 @@ export default {
.box-item_title { .box-item_title {
color: #fff; color: #fff;
} }
.box-item_btn{ .box-item_btn {
color: #fff !important; color: #fff !important;
} }
} }
......
...@@ -37,11 +37,11 @@ export default { ...@@ -37,11 +37,11 @@ export default {
desc: this.$t('home.degree.med'), desc: this.$t('home.degree.med'),
href: 'https://cu.ezijing.com/' href: 'https://cu.ezijing.com/'
}, },
{ // {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png', // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png',
desc: this.$t('home.degree.msf'), // desc: this.$t('home.degree.msf'),
href: 'https://kelley.ezijing.com/' // href: 'https://kelley.ezijing.com/'
}, // },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png',
desc: this.$t('home.degree.map'), desc: this.$t('home.degree.map'),
...@@ -67,11 +67,11 @@ export default { ...@@ -67,11 +67,11 @@ export default {
desc: this.$t('home.degree.international'), desc: this.$t('home.degree.international'),
href: 'https://shms.ezijing.com/' href: 'https://shms.ezijing.com/'
}, },
{ // {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png', // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png',
desc: this.$t('home.degree.caas'), // desc: this.$t('home.degree.caas'),
href: 'https://caas.ezijing.com/' // href: 'https://caas.ezijing.com/'
} // }
] ]
}, },
// { // {
......
...@@ -81,8 +81,8 @@ export default { ...@@ -81,8 +81,8 @@ export default {
{ label: this.$t('aside.project6'), value: '1005' }, { label: this.$t('aside.project6'), value: '1005' },
{ label: this.$t('aside.project8'), value: '1021' }, { label: this.$t('aside.project8'), value: '1021' },
{ label: this.$t('aside.project3'), value: '1008' }, { label: this.$t('aside.project3'), value: '1008' },
{ label: this.$t('aside.project9'), value: '1015' }, // { label: this.$t('aside.project9'), value: '1015' },
{ label: this.$t('aside.project4'), value: '1001' }, // { label: this.$t('aside.project4'), value: '1001' },
// { label: '工商管理硕士保研项目', value: '1016' }, // { label: '工商管理硕士保研项目', value: '1016' },
// { label: '管理信息系统硕士保研项目', value: '9999' }, // { label: '管理信息系统硕士保研项目', value: '9999' },
{ label: this.$t('aside.project10'), value: '1018' }, { label: this.$t('aside.project10'), value: '1018' },
......
...@@ -193,12 +193,12 @@ export default { ...@@ -193,12 +193,12 @@ export default {
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_shms_en.png', imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_shms_en.png',
href: 'https://shms.ezijing.com/' href: 'https://shms.ezijing.com/'
}, },
{ // {
project_id: '1015', // project_id: '1015',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas.png', // imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas_en.png', // imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas_en.png',
href: 'https://caas.ezijing.com/' // href: 'https://caas.ezijing.com/'
} // }
], ],
// 常见问题 // 常见问题
qaList, qaList,
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</div> </div>
<FormSubmit :type="2" id="form" ref="formSubmit"></FormSubmit> <FormSubmit :type="2" id="form" ref="formSubmit"></FormSubmit>
<div class="w1200"> <div class="w1200">
<ProjectCard :title="isEn ? 'Popular Programs' : '热门专业'" :list="projectList"></ProjectCard> <ProjectCard className="project-list2" :title="isEn ? 'Popular Programs' : '热门专业'" :list="projectList"></ProjectCard>
<!-- <div class="why"> <!-- <div class="why">
<h1 class="why-title">为什么选择紫荆教育的国际留学课程?</h1> <h1 class="why-title">为什么选择紫荆教育的国际留学课程?</h1>
<div class="why-list"> <div class="why-list">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论