提交 33323923 authored 作者: matian's avatar matian

feat:新增加州浸会大学

上级 02784124
No preview for this file type
<template> <template>
<div class="video-wrapper" :class="className"> <div class="video-wrapper" :class="className">
<div v-if="!isMobile" class="content" @mouseenter="handleMouseEnter" @mouseleave="showType = ''" @mousemove="handleMouseEnter" @click="handleClick" ref="target" :style="{ cursor: mouseCursor }"> <div
v-if="!isMobile"
class="content"
@mouseenter="handleMouseEnter"
@mouseleave="showType = ''"
@mousemove="handleMouseEnter"
@click="handleClick"
ref="target"
:style="{ cursor: mouseCursor }"
>
<!-- <ul class="video-list"> <!-- <ul class="video-list">
<li class="video-item" v-for="(item, index) in list" :key="index"> <li class="video-item" v-for="(item, index) in list" :key="index">
<div class="video-poster"> <div class="video-poster">
...@@ -17,8 +26,13 @@ ...@@ -17,8 +26,13 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in list" :key="index"> <div class="swiper-slide" v-for="(item, index) in list" :key="index">
<div class="item-media"> <div class="item-media">
<img :src="item.poster"> <img :src="item.poster" />
<div class="video-play" @click.stop="open(item)" @mouseenter.stop="handleVideoMouseEnter" @mousemove.stop="handleVideoMouseEnter"></div> <div
class="video-play"
@click.stop="open(item)"
@mouseenter.stop="handleVideoMouseEnter"
@mousemove.stop="handleVideoMouseEnter"
></div>
</div> </div>
<div class="item-text"> <div class="item-text">
<div class="item-text-tit">{{ item.title }}</div> <div class="item-text-tit">{{ item.title }}</div>
...@@ -36,8 +50,13 @@ ...@@ -36,8 +50,13 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in list" :key="index"> <div class="swiper-slide" v-for="(item, index) in list" :key="index">
<div class="item-media"> <div class="item-media">
<img :src="item.poster"> <img :src="item.poster" />
<div class="video-play" @click.stop="open(item)" @mouseenter.stop="handleVideoMouseEnter" @mousemove.stop="handleVideoMouseEnter"></div> <div
class="video-play"
@click.stop="open(item)"
@mouseenter.stop="handleVideoMouseEnter"
@mousemove.stop="handleVideoMouseEnter"
></div>
</div> </div>
<div class="item-text"> <div class="item-text">
<div class="item-text-tit">{{ item.title }}</div> <div class="item-text-tit">{{ item.title }}</div>
...@@ -71,16 +90,16 @@ export default { ...@@ -71,16 +90,16 @@ export default {
isShow: false, isShow: false,
list: [ list: [
{ {
title: '玛丽伍德大学校长致词', title: '加州浸会大学校长致辞',
desc: 'Address from the President of Marywood University', desc: 'Address from the Prisident ofCBU',
src: 'https://webapp-pub.ezijing.com/project/marywood-plus/video2.mp4', src: 'https://webapp-pub.ezijing.com/project/marywood-plus/video2.mp4',
poster: 'https://webapp-pub.ezijing.com/project/marywood-plus/video_poster1.png?v=2' poster: 'https://webapp-pub.ezijing.com/project_online_pc/edd/video_poster1.png?v=2'
}, },
{ {
title: '玛丽伍德大学介绍', title: '加州浸会大学介绍',
desc: 'The Introduction of Marywood University', desc: 'The Introduction of Marywood University',
src: 'https://webapp-pub.ezijing.com/project/marywood/marywood.mp4', src: 'https://webapp-pub.ezijing.com/project/marywood/marywood.mp4',
poster: 'https://webapp-pub.ezijing.com/project/marywood-plus/video_poster.png?v=1' poster: 'https://webapp-pub.ezijing.com/project_online_pc/edd/video_poster2.png?v=1'
} }
], ],
// 当前播放的视频 // 当前播放的视频
...@@ -113,9 +132,10 @@ export default { ...@@ -113,9 +132,10 @@ export default {
methods: { methods: {
handleMouseEnter(e) { handleMouseEnter(e) {
const target = this.$refs.target.getBoundingClientRect() const target = this.$refs.target.getBoundingClientRect()
if((e.clientX - target.left) < ((target.right - target.left) / 2)) { if (e.clientX - target.left < (target.right - target.left) / 2) {
if (this.showIndex > 0) { if (this.showIndex > 0) {
this.mouseCursor = 'url(https://www.harvard.edu/wp-content/themes/core/assets/img/theme/featured-stories/arrow-left-dark.svg) 30 30, e-resize' this.mouseCursor =
'url(https://www.harvard.edu/wp-content/themes/core/assets/img/theme/featured-stories/arrow-left-dark.svg) 30 30, e-resize'
this.showType = 'left' this.showType = 'left'
} else { } else {
this.mouseCursor = 'default' this.mouseCursor = 'default'
...@@ -123,7 +143,8 @@ export default { ...@@ -123,7 +143,8 @@ export default {
} }
} else { } else {
if (this.showIndex < this.list.length - 1) { if (this.showIndex < this.list.length - 1) {
this.mouseCursor = 'url(https://www.harvard.edu/wp-content/themes/core/assets/img/theme/featured-stories/arrow-right-dark.svg) 30 30, e-resize' this.mouseCursor =
'url(https://www.harvard.edu/wp-content/themes/core/assets/img/theme/featured-stories/arrow-right-dark.svg) 30 30, e-resize'
this.showType = 'right' this.showType = 'right'
} else { } else {
this.mouseCursor = 'default' this.mouseCursor = 'default'
...@@ -136,7 +157,7 @@ export default { ...@@ -136,7 +157,7 @@ export default {
console.log(this.showIndex) console.log(this.showIndex)
if (this.showType === 'left') { if (this.showType === 'left') {
this.handlePrev() this.handlePrev()
} else if (this.showType === 'right'){ } else if (this.showType === 'right') {
this.handleNext() this.handleNext()
} }
}, },
...@@ -186,14 +207,14 @@ export default { ...@@ -186,14 +207,14 @@ export default {
.is-pc { .is-pc {
margin-top: 56px; margin-top: 56px;
.video-wrapper { .video-wrapper {
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/video_bg.png?v=1) no-repeat center center; background: url(https://webapp-pub.ezijing.com/project_online_pc/edd/video_bg.png?v=1) no-repeat center center;
background-size: cover; background-size: cover;
} }
.content { .content {
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
padding:65px 0; padding: 65px 0;
} }
.video-list { .video-list {
display: flex; display: flex;
...@@ -264,7 +285,7 @@ export default { ...@@ -264,7 +285,7 @@ export default {
z-index: 10; z-index: 10;
} }
.video-next { .video-next {
left:unset; left: unset;
right: -40px; right: -40px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_next.png) no-repeat center center; background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_next.png) no-repeat center center;
} }
...@@ -286,23 +307,23 @@ export default { ...@@ -286,23 +307,23 @@ export default {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 10000; z-index: 10000;
} }
.swiper-container{ .swiper-container {
height: 550px; height: 550px;
// .swiper-wrapper{ // .swiper-wrapper{
// } // }
.swiper-slide{ .swiper-slide {
width:1080px !important; width: 1080px !important;
position:relative; position: relative;
display:flex; display: flex;
align-items: center; align-items: center;
// margin-left:50px; // margin-left:50px;
.item-media{ .item-media {
width:550px; width: 550px;
height:550px; height: 550px;
position:relative; position: relative;
img{ img {
width:100%; width: 100%;
height:100%; height: 100%;
} }
.video-play { .video-play {
position: absolute; position: absolute;
...@@ -317,30 +338,30 @@ export default { ...@@ -317,30 +338,30 @@ export default {
z-index: 2200; z-index: 2200;
} }
} }
.item-text{ .item-text {
flex:1; flex: 1;
color:#fff; color: #fff;
padding:0 40px; padding: 0 40px;
.item-text-tit{ .item-text-tit {
font-size:36px; font-size: 36px;
line-height:60px; line-height: 60px;
} }
.item-text-desc{ .item-text-desc {
font-size:20px; font-size: 20px;
} }
} }
&:after{ &:after {
content: ""; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0,0,0,.6); background: rgba(0, 0, 0, 0.6);
} }
&.swiper-slide-active:after{ &.swiper-slide-active:after {
display:none; display: none;
} }
} }
} }
...@@ -418,20 +439,20 @@ export default { ...@@ -418,20 +439,20 @@ export default {
transform: translateY(-50%); transform: translateY(-50%);
z-index: 10000; z-index: 10000;
} }
.swiper-container{ .swiper-container {
height: 4.5rem; height: 4.5rem;
// .swiper-wrapper{ // .swiper-wrapper{
// } // }
.swiper-slide{ .swiper-slide {
width:3.2rem; width: 3.2rem;
position:relative; position: relative;
padding:0 0.1rem; padding: 0 0.1rem;
.item-media{ .item-media {
width:3rem; width: 3rem;
position:relative; position: relative;
img{ img {
width:100%; width: 100%;
height:3rem; height: 3rem;
} }
.video-play { .video-play {
position: absolute; position: absolute;
...@@ -445,31 +466,31 @@ export default { ...@@ -445,31 +466,31 @@ export default {
cursor: pointer; cursor: pointer;
z-index: 2200; z-index: 2200;
} }
&:after{ &:after {
content: ""; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0,0,0,.7); background: rgba(0, 0, 0, 0.7);
} }
} }
.item-text{ .item-text {
flex:1; flex: 1;
color:#454545; color: #454545;
padding:0.1rem 0.2rem 0; padding: 0.1rem 0.2rem 0;
.item-text-tit{ .item-text-tit {
font-size:0.22rem; font-size: 0.22rem;
line-height:0.5rem; line-height: 0.5rem;
} }
.item-text-desc{ .item-text-desc {
font-size:0.16rem font-size: 0.16rem;
} }
} }
&.swiper-slide-active .item-media:after{ &.swiper-slide-active .item-media:after {
display:none; display: none;
} }
} }
} }
......
<template> <template>
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content"> <div class="banner-content">
<img class="img" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-banner.png?v=4" /> <img class="img" src="https://webapp-pub.ezijing.com/project_online_pc/edd/banner.png?v=4" />
<div class="banner_navList"> <div class="banner_navList">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)"> <div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top"> <div class="nav_top">
......
...@@ -85,37 +85,37 @@ export default { ...@@ -85,37 +85,37 @@ export default {
return { return {
listData: [ listData: [
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-01.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project_online_pc/edd/pc-index-project-intro-01.png?v=4',
item_desc_tit: '国际名校、权威可靠', item_desc_tit: '国际名校、权威可靠',
item_desc_con: item_desc_con:
'清控紫荆教育是以清华五道口相关知识产权创设而成,自成立以来与多所国际名校合作且实现课程学分互认,所获文凭均受中国教育部与国际认证,具有很强的国际化办学经验和教学水平。' '清控紫荆教育是以清华五道口相关知识产权创设而成,自成立以来与多所国际名校合作且实现课程学分互认,所获文凭均受中国教育部与国际认证,具有很强的国际化办学经验和教学水平。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-02.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project_online_pc/edd/pc-index-project-intro-02.png?v=4',
item_desc_tit: '无需联考、灵活录取', item_desc_tit: '无需联考、灵活录取',
item_desc_con: item_desc_con:
'无需参加国内竞争激烈的研究生联考,没有托福成绩的学生可以完成紫荆英语强化项目替代语言成绩。该课程以及考核成绩被美国大学认可,达到录取标准即可直接入读相应硕士课程。' '无需参加国内竞争激烈的研究生联考,没有托福成绩的学生可以完成紫荆英语强化项目替代语言成绩。该课程以及考核成绩被美国大学认可,达到录取标准即可直接入读相应硕士课程。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-03.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project_online_pc/edd/pc-index-project-intro-03.png?v=4',
item_desc_tit: '前沿专业、就业广阔', item_desc_tit: '前沿专业、就业广阔',
item_desc_con: item_desc_con:
'项目提供当前数字经济领域前沿专业,使毕业生具有国际背景和全球化竞争力。此外毕业生享受国家为留学归国人员提供的落户指标、创业支持、购买免税汽车等待遇。' '项目提供当前数字经济领域前沿专业,使毕业生具有国际背景和全球化竞争力。此外毕业生享受国家为留学归国人员提供的落户指标、创业支持、购买免税汽车等待遇。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-04.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project_online_pc/edd/pc-index-project-intro-04.png?v=4',
item_desc_tit: '省时省费、性价比优', item_desc_tit: '省时省费、性价比优',
item_desc_con: item_desc_con:
'经过在国内学习一年后,学生只需再在国外学习一年即可获得中国教育部和国际认可的硕士学历学位,既节省时间成本又节约经济花销。' '经过在国内学习一年后,学生只需再在国外学习一年即可获得中国教育部和国际认可的硕士学历学位,既节省时间成本又节约经济花销。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-05.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project_online_pc/edd/pc-index-project-intro-05.png?v=4',
item_desc_tit: '国际视野、本土实践', item_desc_tit: '国际视野、本土实践',
item_desc_con: item_desc_con:
'本项目全部采用双语教学、小班授课,帮助学生提前适应美国教学模式;授课师资由清北人资深教授和优秀外教组成,保证国际化同时兼具本土实践,为留学归国工作建立无缝连接。' '本项目全部采用双语教学、小班授课,帮助学生提前适应美国教学模式;授课师资由清北人资深教授和优秀外教组成,保证国际化同时兼具本土实践,为留学归国工作建立无缝连接。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-06.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project_online_pc/edd/pc-index-project-intro-06.png?v=4',
item_desc_tit: '全额退款、安心无忧', item_desc_tit: '全额退款、安心无忧',
item_desc_con: item_desc_con:
'就读期间,因个人原因中途放弃或因外部不可抗力因素(如签证不通过等)无法出国学习,个人缴纳的第1学年费用全额退还。' '就读期间,因个人原因中途放弃或因外部不可抗力因素(如签证不通过等)无法出国学习,个人缴纳的第1学年费用全额退还。'
...@@ -212,34 +212,34 @@ export default { ...@@ -212,34 +212,34 @@ export default {
.swiper-slide { .swiper-slide {
width: 250px; width: 250px;
height: 569px; height: 569px;
overflow:hidden; overflow: hidden;
position:relative; position: relative;
.item_media{ .item_media {
width:100%; width: 100%;
height:100%; height: 100%;
position:absolute; position: absolute;
left:0; left: 0;
top:0; top: 0;
img{ img {
transition:0.3s; transition: 0.3s;
width:100%; width: 100%;
height:100%; height: 100%;
} }
&:after{ &:after {
content: ""; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0,0,0,.7); background: rgba(0, 0, 0, 0.7);
} }
} }
.item_desc { .item_desc {
position:absolute; position: absolute;
left:0; left: 0;
top:0; top: 0;
width: 250px; width: 250px;
height: 349px; height: 349px;
// background-color: #ededed; // background-color: #ededed;
...@@ -251,7 +251,7 @@ export default { ...@@ -251,7 +251,7 @@ export default {
padding: 34px 37px 53px 33px; padding: 34px 37px 53px 33px;
// transform-origin: bottom; // transform-origin: bottom;
transform: translateY(450px); transform: translateY(450px);
transition:0.3s; transition: 0.3s;
.item_desc_tit { .item_desc_tit {
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
...@@ -267,10 +267,10 @@ export default { ...@@ -267,10 +267,10 @@ export default {
} }
} }
} }
.swiper-slide:hover{ .swiper-slide:hover {
.item_media{ .item_media {
img{ img {
transform:scale(1.1); transform: scale(1.1);
} }
} }
.item_desc { .item_desc {
...@@ -283,7 +283,7 @@ export default { ...@@ -283,7 +283,7 @@ export default {
} }
} }
} }
.card-list{ .card-list {
width: 1200px; width: 1200px;
position: relative; position: relative;
margin-top: 17px; margin-top: 17px;
...@@ -293,35 +293,35 @@ export default { ...@@ -293,35 +293,35 @@ export default {
.card-item { .card-item {
width: 386px; width: 386px;
height: 336px; height: 336px;
margin-bottom:20px; margin-bottom: 20px;
overflow:hidden; overflow: hidden;
position:relative; position: relative;
.item_media{ .item_media {
width:100%; width: 100%;
height:100%; height: 100%;
position:absolute; position: absolute;
left:0; left: 0;
top:0; top: 0;
img{ img {
transition:0.3s; transition: 0.3s;
width:100%; width: 100%;
height:100%; height: 100%;
} }
&:after{ &:after {
content: ""; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0,0,0,.6); background: rgba(0, 0, 0, 0.6);
} }
} }
.item_desc { .item_desc {
position:absolute; position: absolute;
left:0; left: 0;
top:80px; top: 80px;
width: 386px; width: 386px;
height: 249px; height: 249px;
// background-color: #ededed; // background-color: #ededed;
...@@ -336,7 +336,7 @@ export default { ...@@ -336,7 +336,7 @@ export default {
font-size: 21px; font-size: 21px;
font-weight: 600; font-weight: 600;
color: #fff; color: #fff;
line-height:36px; line-height: 36px;
} }
.item_desc_con { .item_desc_con {
font-size: 16px; font-size: 16px;
...@@ -345,14 +345,14 @@ export default { ...@@ -345,14 +345,14 @@ export default {
margin-top: 34px; margin-top: 34px;
line-height: 32px; line-height: 32px;
transform: translateY(270px); transform: translateY(270px);
transition:0.3s; transition: 0.3s;
} }
} }
} }
.card-item:hover{ .card-item:hover {
.item_media{ .item_media {
img{ img {
transform:scale(1.1); transform: scale(1.1);
} }
} }
.item_desc { .item_desc {
...@@ -473,10 +473,10 @@ export default { ...@@ -473,10 +473,10 @@ export default {
} }
} }
} }
.card-list-outer{ .card-list-outer {
overflow-x: auto; overflow-x: auto;
} }
.card-list{ .card-list {
width: 12.6rem; width: 12.6rem;
position: relative; position: relative;
margin-top: 17px; margin-top: 17px;
...@@ -485,35 +485,35 @@ export default { ...@@ -485,35 +485,35 @@ export default {
.card-item { .card-item {
width: 2rem; width: 2rem;
height: 2.75rem; height: 2.75rem;
overflow:hidden; overflow: hidden;
position:relative; position: relative;
float:left; float: left;
.item_media{ .item_media {
width:100%; width: 100%;
height:100%; height: 100%;
position:absolute; position: absolute;
left:0; left: 0;
top:0; top: 0;
img{ img {
transition:0.3s; transition: 0.3s;
width:100%; width: 100%;
height:100%; height: 100%;
} }
&:after{ &:after {
content: ""; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0,0,0,.6); background: rgba(0, 0, 0, 0.6);
} }
} }
.item_desc { .item_desc {
position:absolute; position: absolute;
left:0; left: 0;
top:0.6rem; top: 0.6rem;
width: 100%; width: 100%;
height: 2rem; height: 2rem;
// background-color: #ededed; // background-color: #ededed;
...@@ -528,9 +528,9 @@ export default { ...@@ -528,9 +528,9 @@ export default {
font-size: 0.16rem; font-size: 0.16rem;
font-weight: 500; font-weight: 500;
color: #fff; color: #fff;
line-height:0.3rem; line-height: 0.3rem;
width:100%; width: 100%;
text-align:center; text-align: center;
} }
.item_desc_con { .item_desc_con {
font-size: 0.12rem; font-size: 0.12rem;
...@@ -538,7 +538,7 @@ export default { ...@@ -538,7 +538,7 @@ export default {
color: #fff; color: #fff;
margin-top: 0.2rem; margin-top: 0.2rem;
line-height: 0.24rem; line-height: 0.24rem;
text-align:justify; text-align: justify;
} }
} }
} }
......
...@@ -3,18 +3,17 @@ ...@@ -3,18 +3,17 @@
<div class="service-content max-width-center"> <div class="service-content max-width-center">
<card title="项目定位" v-if="!isMobile"> <card title="项目定位" v-if="!isMobile">
<div class="desc"> <div class="desc">
清控紫荆教育联合美国多所知名院校联合推出国际硕士1+1项目,聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业,以“能力导向一体化”教学体系为指引,建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系,致力于: 本项目致力于:
<!-- 1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才;2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。 --> <p>1.培养立足中国、放眼全球,集管理实践与理论研究之大成的卓越企业家和商业领袖。</p>
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p> <p>2.提供利用先进国际教育资源迈向兼具理论造诣与实践经验的顶尖学者成长之路。</p>
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p>
</div> </div>
</card> </card>
<div v-else> <div v-else>
<div class="tit">项目定位</div> <div class="tit">项目定位</div>
<div class="desc"> <div class="desc">
清控紫荆教育联合美国多所知名院校联合推出国际硕士1+1项目,聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业,以“能力导向一体化”教学体系为指引,建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系,致力于: 本项目致力于:
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才</p> <p>1.培养立足中国、放眼全球,集管理实践与理论研究之大成的卓越企业家和商业领袖</p>
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径</p> <p>2.提供利用先进国际教育资源迈向兼具理论造诣与实践经验的顶尖学者成长之路</p>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -23,13 +23,16 @@ ...@@ -23,13 +23,16 @@
</div> </div>
<div class="about"> <div class="about">
<div class="about-item"> <div class="about-item">
<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址:</label><p>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</p> <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址:</label>
<p>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</p>
</div> </div>
<div class="about-item"> <div class="about-item">
<label>联系电话:</label><p>010-62798073</p> <label>联系电话:</label>
<p>010-62798073</p>
</div> </div>
<div class="about-item"> <div class="about-item">
<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</label><p><a href="mailto:service@ezijing.com">liuxue@ezijing.com</a></p> <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</label>
<p><a href="mailto:service@ezijing.com">liuxue@ezijing.com</a></p>
</div> </div>
</div> </div>
<!-- <div class="link"> <!-- <div class="link">
...@@ -109,9 +112,9 @@ export default { ...@@ -109,9 +112,9 @@ export default {
font-size: 0.11rem; font-size: 0.11rem;
font-weight: 300; font-weight: 300;
color: #ffffff; color: #ffffff;
.about-item{ .about-item {
display:flex; display: flex;
margin-bottom:0.06rem; margin-bottom: 0.06rem;
} }
} }
} }
......
...@@ -3,13 +3,13 @@ ...@@ -3,13 +3,13 @@
<div class="foot-box"> <div class="foot-box">
<div class="foot-content"> <div class="foot-content">
<div class="left-content"> <div class="left-content">
<img src="https://webapp-pub.ezijing.com/project/marywood/bottom_logo.png" /> <img src="https://webapp-pub.ezijing.com/project_online_pc/edd/bottom_logo.png" />
<div class="bottom"> <div class="bottom">
<div class="bottom_left con"> <div class="bottom_left con">
<a href="/project-intro/introduce">关于项目</a> <a href="/project-intro/introduce">关于项目</a>
<a href="/question/question">常见问题</a> <a href="/question/question">常见问题</a>
<a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a>
<a href="/">国际硕士1+1</a> <a href="/">工商管理学博士EDD</a>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="bottom_center con"> <div class="bottom_center con">
...@@ -33,9 +33,7 @@ ...@@ -33,9 +33,7 @@
<div class="bottom"> <div class="bottom">
<div class="address" v-html="$t('foot.address')"></div> <div class="address" v-html="$t('foot.address')"></div>
<div class="phone" v-html="$t('foot.contact')"></div> <div class="phone" v-html="$t('foot.contact')"></div>
<a class="mail" href="mailto:liuxue@ezijing.com" <a class="mail" href="mailto:liuxue@ezijing.com">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:liuxue@ezijing.com</a>
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:liuxue@ezijing.com</a
>
<!-- <div class="mail" v-html="$t('foot.email')"></div> --> <!-- <div class="mail" v-html="$t('foot.email')"></div> -->
</div> </div>
</div> </div>
...@@ -114,7 +112,6 @@ export default {} ...@@ -114,7 +112,6 @@ export default {}
.left-content { .left-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 457px;
.bottom { .bottom {
margin-top: 42px; margin-top: 42px;
display: flex; display: flex;
......
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
<img @click="goWebsite" src="https://zws-imgs-pub.ezijing.com/static/ezijing/logo/ezijing-logo.svg" /> <img @click="goWebsite" src="https://zws-imgs-pub.ezijing.com/static/ezijing/logo/ezijing-logo.svg" />
<div class="line"></div> <div class="line"></div>
<nuxt-link to="/"> <nuxt-link to="/">
<div class="title">国际硕士1+1</div> <div class="title">工商管理学博士EDD</div>
</nuxt-link> </nuxt-link>
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" /> --> <!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" /> -->
</div> </div>
<div class="user" v-if="user.id"> <div class="user" v-if="user.id">
<span>{{ user.realname || user.nickname }}</span <span>{{ user.realname || user.nickname }}</span
><em>|</em><span class="logout" @click="logout">{{ $t('menu.out') }}</span> ><em>|</em><span class="logout" @click="logout">{{ $t('menu.out') }}</span>
...@@ -119,7 +119,7 @@ li { ...@@ -119,7 +119,7 @@ li {
border-right: 1px solid #aa1941; border-right: 1px solid #aa1941;
height: 26px; height: 26px;
width: 0; width: 0;
margin:0 20px; margin: 0 20px;
} }
.title { .title {
font-size: 30px; font-size: 30px;
......
...@@ -50,13 +50,13 @@ export default { ...@@ -50,13 +50,13 @@ export default {
// 项目介绍 // 项目介绍
{ {
name: this.$t('menu.project'), name: this.$t('menu.project'),
path: '/project-intro/introduce', path: '/project-intro/introduce'
childern: [ // childern: [
{ name: this.$t('menu.projectChild.bg'), path: '/project-intro/introduce' }, // { name: this.$t('menu.projectChild.bg'), path: '/project-intro/introduce' },
{ name: this.$t('menu.newsChild.hot'), path: '/news/hot' } // { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' }, // // { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' } // // { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
] // ]
}, },
// 项目优势 // 项目优势
// { // {
......
...@@ -28,7 +28,7 @@ export default { ...@@ -28,7 +28,7 @@ export default {
schoolChild: { schoolChild: {
school1: '斯蒂文斯理工学院', school1: '斯蒂文斯理工学院',
school2: '纽约州立大学石溪分校', school2: '纽约州立大学石溪分校',
school3: '玛丽伍德大学' school3: '加州浸会大学'
}, },
enrollChild: { enrollChild: {
process: '报名流程', process: '报名流程',
......
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
// }), // }),
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
head: { head: {
title: '紫荆教育国际硕士1+1', title: '工商管理学博士EDD',
htmlAttrs: { htmlAttrs: {
lang: 'en' lang: 'en'
}, },
......
<template> <template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'"> <app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/enroll-process-apply-banner.png" /> <img src="https://webapp-pub.ezijing.com/project_online_pc/edd/enroll-process-banner.png" />
<div class="content-mian"> <div class="content-mian">
<ul> <ul>
<li class="applyList_con">
<div class="apply_name">报名时间</div>
<div class="apply_desc">报 名 申 请 :<span class="apply_desc_time">2022年4月11日–2022年7月29日</span></div>
<div class="apply_desc">面 试 及 录 取 :<span class="apply_desc_time">2022年5月-7月</span></div>
<div class="apply_desc">入学手续及注册:<span class="apply_desc_time">2022年8月</span></div>
</li>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">学历要求</div> <div class="apply_name">学历要求</div>
<div class="apply_desc">本科学历及以上或者本科在读</div> <div class="apply_desc">
获得工商管理硕士(MBA)学位(持有Online MBA学位申请者需经单独审核)
</div>
<div class="apply_desc">
拥有MBA以外专业硕士学位的申请者需5年以上的管理经验;学员同时需要参加紫荆教育提供的商业领域相关先修课程,
</div>
<div class="apply_desc">
以确保有资格修读工商管理博士(DBA)项目。
</div>
</li> </li>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">GPA要求</div> <div class="apply_name">GPA要求</div>
<div class="apply_desc">在校GPA不低于2.5,或具有研究生学习潜力的优秀学生</div> <div class="apply_desc">在校GPA不低于3.0</div>
<div class="apply_desc">
GPA不足3.0的学员需证明拥有8年以上管理经验,并接受由紫荆—CBU教职人员参加的一对一面试。
</div>
</li> </li>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">语言要求</div> <div class="apply_name">语言要求<span class="apply_name_desc">(二选一即可)</span></div>
<div class="apply_desc">
托福成绩不低于79分或雅思6.0以上
</div>
<div class="apply_desc"> <div class="apply_desc">
托福不低于79分,或者通过ZIEP测试。<br /> 完成ZIEP(Zijing Intensive English Program)即紫荆语言强化课程并完成相关测试。
ZIEP(Zijing Intensive English 托福不低于79分,或者通过ZIEP测试。
Program)即紫荆语言强化课程项目,是紫荆教育针对没有托福成绩的优秀学生提供的替代语言课程,该课程及考核成绩被众多美国大学认可。
</div> </div>
</li> </li>
</ul> </ul>
...@@ -143,12 +163,21 @@ export default { ...@@ -143,12 +163,21 @@ export default {
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
margin-top: 51px; margin-top: 51px;
.apply_name_desc {
font-weight: 400 !important;
color: #999999 !important;
}
} }
.apply_desc { .apply_desc {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
margin-top: 20px; margin-top: 20px;
.apply_desc_time {
font-size: 16px;
font-weight: 400;
color: #aa1941 !important;
}
} }
} }
li { li {
......
<template> <template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'"> <app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/enroll-process-banner.png" /> <img src="https://webapp-pub.ezijing.com/project_online_pc/edd/enroll-process-banner.png" />
<div class="apply"> <div class="apply">
<div class="apply-line"></div> <div class="apply-line"></div>
<div class="apply-item"> <div class="apply-item">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<!-- 校园风光 --> <!-- 校园风光 -->
<!-- <school-senery /> --> <!-- <school-senery /> -->
<!-- 最新动态 --> <!-- 最新动态 -->
<news /> <!-- <news /> -->
<!-- 视频 --> <!-- 视频 -->
<Video style="margin-bottom:0.2rem" /> <Video style="margin-bottom:0.2rem" />
<!-- 右侧功能栏 --> <!-- 右侧功能栏 -->
...@@ -22,7 +22,7 @@ import banners from '../components/home/banners.vue' ...@@ -22,7 +22,7 @@ import banners from '../components/home/banners.vue'
import projectPosition from '../components/home/projectPosition.vue' import projectPosition from '../components/home/projectPosition.vue'
import projectFeatures from '../components/home/projectFeatures' import projectFeatures from '../components/home/projectFeatures'
// import schoolSenery from '../components/home/schoolSenery.vue' // import schoolSenery from '../components/home/schoolSenery.vue'
import news from '../components/home/news' // import news from '../components/home/news'
import presence from '../components/home/presence' import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem' import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass' import openClass from '../components/home/openClass'
...@@ -37,7 +37,7 @@ export default { ...@@ -37,7 +37,7 @@ export default {
projectPosition, projectPosition,
projectFeatures, projectFeatures,
// schoolSenery, // schoolSenery,
news, // news,
presence, presence,
commonProblem, commonProblem,
openClass, openClass,
......
<template> <template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'"> <app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/project-intro_banner.png" class="banner" /> <img src="https://webapp-pub.ezijing.com/project_online_pc/edd/project_intro_banner.png" class="banner" />
<div class="part_content"> <div class="part_content">
<div class="part_item"> <div class="part_item">
国际硕士1+1项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目预录取后,第1年在国内就读(已工作人士可以边工作边就读)。国内就读课程主要为语言课与硕士项目所需的部分学分课(不超过总学分的三分之一),由美国大学认可的国内大学或者有实力的教育机构实施录取和教学,一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后,获得美国大学的正式录取,本科毕业当年可直接衔接赴美留学(已工作的人士第二年也需赴美全日制学习),完成剩余学分,毕业后获得美方硕士学位,回国后可被中国(教育部)留学服务中心认证为硕士研究生学历。 工商管理博士2+1项目是针对拥有硕士学位的企业中高管理层或高校学者提供的工商管理领域最高层次的学位教育项目与学历提升通道。学员在被美国大学录取后,最快可于3年之内完成项目学习。其中,2年的学习与研究阶段可在美国大学授权认可的国内大学或教育机构开展,另有1年需赴美就读工商管理博士项目的相关专业课程。在学员通过项目所有学分课程并顺利完成毕业论文答辩等要求后,方能获得美国大学所颁发的工商管理博士学位,并可被中国(教育部)留学服务中心认证为博士研究生学历。
</div> </div>
<div class="part_item"> <div class="part_item">
国际硕士1+1项目基于美国大学对中国教育机构或者大学的充分认证与授权,使得学生申请过程更加便捷。同其他赴美硕士留学项目相比,节省了国内备考与海外学习时间的同时也节约了可观的留学花费,已经成为越来越多优秀大学生的升硕选择。 工商管理博士2+1项目基于美国大学对有实力的中国教育机构或者大学的充分认证与授权,使得学员申请与求学过程更加灵活、便捷。同其他工商管理博士留学项目相比,节省了学员国内备考与海外学习时间的同时,为学者型的商界领袖和兼具实践经验的管理学者们集合了立足本土、放眼国际的海内外优势教育资源。
</div>
<div class="part_item">
清控紫荆教育联合美国多所知名院校联合推出国际硕士1+1项目,聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业,以“能力导向一体化”教学体系为指引,建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系,致力于:
<!-- 1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才;2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。 -->
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p>
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p>
</div> </div>
<!-- <img <!-- <img
v-if="!isMobile" v-if="!isMobile"
class="part_img" class="part_img"
...@@ -60,11 +55,11 @@ export default { ...@@ -60,11 +55,11 @@ export default {
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
path: '/project-intro/introduce' path: '/project-intro/introduce'
},
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
} }
// {
// name: this.$t('menu.newsChild.hot'),
// path: '/news/hot'
// }
] ]
} }
} }
...@@ -91,7 +86,7 @@ export default { ...@@ -91,7 +86,7 @@ export default {
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
padding-bottom: 20px; padding-bottom: 20px;
text-align:justify; text-align: justify;
} }
.part_img { .part_img {
width: 100%; width: 100%;
...@@ -127,7 +122,7 @@ export default { ...@@ -127,7 +122,7 @@ export default {
line-height: 0.24rem; line-height: 0.24rem;
color: #424242; color: #424242;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
text-align:justify; text-align: justify;
} }
.part_img { .part_img {
width: 100%; width: 100%;
......
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论