Skip to content

P
project-online-pc
提交 6a69c0f5 authored 作者: matian's avatar matian
浏览文件
操作

feat:新增纽约大学石溪分校

上级 02784124
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 217 行增加 和 202 行删除
components/home/Video.vue
浏览文件 @ 6a69c0f5
<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,13 +90,13 @@ export default { ...@@ -71,13 +90,13 @@ export default {
isShow: false, isShow: false,
list: [ list: [
{ {
title: '玛丽伍德大学校长致词', title: '纽约大学石溪分校校长致辞',
desc: 'Address from the President of Marywood University', desc: 'Address from the Prisident of SBU',
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/sub_plus/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/marywood-plus/video_poster.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/sub_plus/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;
} }
} }
} }
......
components/home/banners.vue
浏览文件 @ 6a69c0f5
<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/sub_plus/pc-index-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">
......
components/home/projectFeatures.vue
浏览文件 @ 6a69c0f5
...@@ -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/sub_plus/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/sub_plus/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/sub_plus/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/sub_plus/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/sub_plus/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/sub_plus/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;
} }
} }
} }
......
components/home/projectPosition.vue
浏览文件 @ 6a69c0f5
...@@ -3,18 +3,24 @@ ...@@ -3,18 +3,24 @@
<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项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业，以“能力导向一体化”教学体系为指引，建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系，致力于： <p>
<!-- 1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才；2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。 --> 清控紫荆教育联合美国多所知名院校推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济与金融领域前沿专业，以“能力导向一体化
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p> ”教学体系为指引，建立“ 通识教育、专业教育、实践教育和创新教育 ”四位一体的国际化创新人才培养体系，致力于 :
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p> </p>
<p>1.培养立足本土，兼具国际化、产业化、科技化视野的金融创新人才与领袖。</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>
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p> 清控紫荆教育联合美国多所知名院校推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济与金融领域前沿专业，以“
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p> 能力导向一体化 ”教学体系为指引，建立“ 通识教育、专业教育、实践教育和创新教育
”四位一体的国际化创新人才培养体系，致力于 :
</p>
<p>1.培养立足本土，兼具国际化、产业化、科技化视野的金融创新人才与领袖。</p>
<p>2.为希望通过优质国际教育资源取得硕士学位与学历的人士提供实现路径。</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -96,13 +102,12 @@ export default { ...@@ -96,13 +102,12 @@ export default {
padding-top: 168px; padding-top: 168px;
.desc { .desc {
text-align: justify; text-align: justify;
white-space: pre-line; // white-space: pre-line;
padding-top: 15px;
font-size: 20px; font-size: 20px;
line-height: 30px; line-height: 30px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
padding: 48px 30px 0 30px; padding: 28px 30px 0 30px;
} }
} }
} }
......
components/layout/pc/Head.vue
浏览文件 @ 6a69c0f5
...@@ -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">金融学硕士1+1</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;
......
pages/academic/academic.vue
浏览文件 @ 6a69c0f5
...@@ -38,12 +38,11 @@ export default { ...@@ -38,12 +38,11 @@ export default {
data() { data() {
return { return {
// url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png', // url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png',
url1: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-en.png?v=1', url1: 'https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-cert-en.png?v=1',
url2: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-cn.png', url2: 'https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-cert-cn.png',
frameParams: { frameParams: {
slider: [ slider: []
]
} }
} }
}, },
...@@ -56,8 +55,8 @@ export default { ...@@ -56,8 +55,8 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc { .is-pc {
width:1200px; width: 1200px;
margin:56px auto 0; margin: 56px auto 0;
.main_content { .main_content {
padding: 70px 64px 80px 48px; padding: 70px 64px 80px 48px;
display: flex; display: flex;
...@@ -93,7 +92,7 @@ export default { ...@@ -93,7 +92,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding:0.3rem 0 0.3rem; padding: 0.3rem 0 0.3rem;
.img_english { .img_english {
margin-top: 0.4rem; margin-top: 0.4rem;
display: flex; display: flex;
......
pages/enroll/apply.vue
浏览文件 @ 6a69c0f5
<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/sub_plus/enroll-process-apply-banner.png" />
<div class="content-mian"> <div class="content-mian">
<ul> <ul>
<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">本科学历（有学士学位）及以上或者本科在读（大三或大四）</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>
</li> </li>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">语言要求</div> <div class="apply_name">语言要求</div>
<div class="apply_desc"> <div class="apply_desc">
托福不低于79分，或者通过ZIEP测试。<br /> ·托福不低于80分或雅思6.5分及以上（单项不低于6.0）<br />
ZIEP（Zijing Intensive English ·托福75分/雅思6.0 （单项≥5.5）/大学英语6级≥450分/DET (Duo Lingo English Test)≥
Program）即紫荆语言强化课程项目，是紫荆教育针对没有托福成绩的优秀学生提供的替代语言课程，该课程及考核成绩被众多美国大学认可。 105分的申请者，需通过紫荆语言强化课程（Zijing Intensive English Program，ZIEP）与石溪IEC 104课程测试。
</div> </div>
</li> </li>
</ul> </ul>
......
pages/enroll/process.vue
浏览文件 @ 6a69c0f5
<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/sub_plus/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">
...@@ -8,17 +8,19 @@ ...@@ -8,17 +8,19 @@
<div class="apply-item-hd">在线申请</div> <div class="apply-item-hd">在线申请</div>
<div class="apply-item-bd"> <div class="apply-item-bd">
<p> <p>
在线填写申请，网址为<a href="https://marywood-plus.ezijing.com/my/account" 在线填写申请，网址为<a href="https://sbu-plus.ezijing.com/my/account"
>https://marywood-plus.ezijing.com/my/account</a >https://sbu-plus.ezijing.com/my/account</a
>(申请费700元，申请费不子退还）。在线填写完成提交后，将如下资料邮寄至：北京市海淀区中关村东路1号院清华科技园威盛大厦5层留学中心 >（申请费700元，申请费不予退还）。在线填写完成提交后，将如下资料邮寄至：北京市海淀区中关村东路1号院清华科技园威盛大厦5层留学中心
周老师 18510019793（收） 滑老师 18610017331（收）
</p> </p>
<ul> <ul>
<li>1、身份证复印件一份</li> <li>1、身份证复印件一份</li>
<li>2、本科学历学位复印件1份（在读本科生出具在读证明即可）</li> <li>2、本科学历学位复印件1份（在读本科生出具在读证明即可）</li>
<li>3、本科标准成绩单（在读本科生出具截止目前的成绩单即可）</li> <li>3、本科标准成绩单（在读本科生出具截止目前的成绩单即可，GPA≥80/3.0）</li>
<li>4、2寸免冠彩色照片2张</li> <li>4、个人简历（英文）</li>
<li>5、各种语言考试成绩单（托福、雅思等，非必需）</li> <li>5、个人陈述（英文）</li>
<li>6、2寸免冠彩色照片2张</li>
<li>7、各种语言考试成绩单（大学英语六级≥450、托福≥75、雅思≥5.5等；无语言成绩者：无需提供；）</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -42,6 +44,10 @@ ...@@ -42,6 +44,10 @@
</div> </div>
<div class="apply-item"> <div class="apply-item">
<div class="apply-item-num">5</div> <div class="apply-item-num">5</div>
<div class="apply-item-hd">缴纳学费，签订入学协议</div>
</div>
<div class="apply-item">
<div class="apply-item-num">6</div>
<div class="apply-item-hd">注册入学</div> <div class="apply-item-hd">注册入学</div>
</div> </div>
</div> </div>
......
pages/project-intro/introduce.vue
浏览文件 @ 6a69c0f5
<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/sub_plus/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”的要求之后，获得美国大学的正式录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可被中国(教育部)留学服务中心认证为硕士研究生学历。 国际硕士1+1项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目有条件录取后，第1年在国内就读（已工作人士可以边工作边就读）。国内就读课程主要为语言课与硕士项目所需的部分学分课（不超过总学分的三分之一），由美国大学认可的国内大学或者有实力的教育机构实施录取和教学，一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后，获得美国大学的无条件录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可被中国(教育部)留学服务中心认证为硕士研究生学历。
</div> </div>
<div class="part_item"> <div class="part_item">
国际硕士1+1项目基于美国大学对中国教育机构或者大学的充分认证与授权，使得学生申请过程更加便捷。同其他赴美硕士留学项目相比，节省了国内备考与海外学习时间的同时也节约了可观的留学花费，已经成为越来越多优秀大学生的升硕选择。 国际硕士1+1项目基于美国大学对中国教育机构或者大学的充分认证与授权，使得学生申请过程更加便捷。同其他赴美硕士留学项目相比，节省了国内备考与海外学习时间的同时也节约了可观的留学花费，已经成为越来越多优秀大学生的升硕选择。
</div> </div>
<div class="part_item">
清控紫荆教育联合美国多所知名院校联合推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业，以“能力导向一体化”教学体系为指引，建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系，致力于：
<!-- 1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才；2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。 -->
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p>
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p>
</div>
<!-- <img
v-if="!isMobile"
class="part_img"
src="https://webapp-pub.ezijing.com/project/marywood/intro_bottom111.png"
/>
<img
v-else
class="part_img"
src="https://webapp-pub.ezijing.com/project/marywood/h5/%E7%BB%84%202850%20(1).png"
/> -->
</div> </div>
</app-frame> </app-frame>
</template> </template>
...@@ -91,7 +75,7 @@ export default { ...@@ -91,7 +75,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 +111,7 @@ export default { ...@@ -127,7 +111,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%;
......
pages/school/school3.vue
浏览文件 @ 6a69c0f5
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论