Skip to content

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

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

上级 02784124
隐藏空白字符变更
内嵌 并排
正在显示 包含 491 行增加 和 349 行删除
components/home/Video.vue
浏览文件 @ 6a69c0f5
<template>
<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">
<li class="video-item" v-for="(item, index) in list" :key="index">
<div class="video-poster">
......@@ -17,8 +26,13 @@
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in list" :key="index">
<div class="item-media">
<img :src="item.poster">
<div class="video-play" @click.stop="open(item)" @mouseenter.stop="handleVideoMouseEnter" @mousemove.stop="handleVideoMouseEnter"></div>
<img :src="item.poster" />
<div
class="video-play"
@click.stop="open(item)"
@mouseenter.stop="handleVideoMouseEnter"
@mousemove.stop="handleVideoMouseEnter"
></div>
</div>
<div class="item-text">
<div class="item-text-tit">{{ item.title }}</div>
......@@ -36,8 +50,13 @@
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in list" :key="index">
<div class="item-media">
<img :src="item.poster">
<div class="video-play" @click.stop="open(item)" @mouseenter.stop="handleVideoMouseEnter" @mousemove.stop="handleVideoMouseEnter"></div>
<img :src="item.poster" />
<div
class="video-play"
@click.stop="open(item)"
@mouseenter.stop="handleVideoMouseEnter"
@mousemove.stop="handleVideoMouseEnter"
></div>
</div>
<div class="item-text">
<div class="item-text-tit">{{ item.title }}</div>
......@@ -71,13 +90,13 @@ export default {
isShow: false,
list: [
{
title: '玛丽伍德大学校长致词',
desc: 'Address from the President of Marywood University',
title: '纽约大学石溪分校校长致辞',
desc: 'Address from the Prisident of SBU',
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',
src: 'https://webapp-pub.ezijing.com/project/marywood/marywood.mp4',
poster: 'https://webapp-pub.ezijing.com/project/marywood-plus/video_poster.png?v=1'
......@@ -113,9 +132,10 @@ export default {
methods: {
handleMouseEnter(e) {
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) {
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'
} else {
this.mouseCursor = 'default'
......@@ -123,7 +143,8 @@ export default {
}
} else {
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'
} else {
this.mouseCursor = 'default'
......@@ -136,7 +157,7 @@ export default {
console.log(this.showIndex)
if (this.showType === 'left') {
this.handlePrev()
} else if (this.showType === 'right'){
} else if (this.showType === 'right') {
this.handleNext()
}
},
......@@ -186,14 +207,14 @@ export default {
.is-pc {
margin-top: 56px;
.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;
}
.content {
max-width: 1200px;
margin: 0 auto;
position: relative;
padding:65px 0;
padding: 65px 0;
}
.video-list {
display: flex;
......@@ -264,7 +285,7 @@ export default {
z-index: 10;
}
.video-next {
left:unset;
left: unset;
right: -40px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_next.png) no-repeat center center;
}
......@@ -286,23 +307,23 @@ export default {
transform: translate(-50%, -50%);
z-index: 10000;
}
.swiper-container{
.swiper-container {
height: 550px;
// .swiper-wrapper{
// }
.swiper-slide{
width:1080px !important;
position:relative;
display:flex;
.swiper-slide {
width: 1080px !important;
position: relative;
display: flex;
align-items: center;
// margin-left:50px;
.item-media{
width:550px;
height:550px;
position:relative;
img{
width:100%;
height:100%;
.item-media {
width: 550px;
height: 550px;
position: relative;
img {
width: 100%;
height: 100%;
}
.video-play {
position: absolute;
......@@ -317,30 +338,30 @@ export default {
z-index: 2200;
}
}
.item-text{
flex:1;
color:#fff;
padding:0 40px;
.item-text-tit{
font-size:36px;
line-height:60px;
.item-text {
flex: 1;
color: #fff;
padding: 0 40px;
.item-text-tit {
font-size: 36px;
line-height: 60px;
}
.item-text-desc{
font-size:20px;
.item-text-desc {
font-size: 20px;
}
}
&:after{
content: "";
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.6);
background: rgba(0, 0, 0, 0.6);
}
&.swiper-slide-active:after{
display:none;
&.swiper-slide-active:after {
display: none;
}
}
}
......@@ -418,20 +439,20 @@ export default {
transform: translateY(-50%);
z-index: 10000;
}
.swiper-container{
.swiper-container {
height: 4.5rem;
// .swiper-wrapper{
// }
.swiper-slide{
width:3.2rem;
position:relative;
padding:0 0.1rem;
.item-media{
width:3rem;
position:relative;
img{
width:100%;
height:3rem;
.swiper-slide {
width: 3.2rem;
position: relative;
padding: 0 0.1rem;
.item-media {
width: 3rem;
position: relative;
img {
width: 100%;
height: 3rem;
}
.video-play {
position: absolute;
......@@ -445,31 +466,31 @@ export default {
cursor: pointer;
z-index: 2200;
}
&:after{
content: "";
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.7);
background: rgba(0, 0, 0, 0.7);
}
}
.item-text{
flex:1;
color:#454545;
padding:0.1rem 0.2rem 0;
.item-text-tit{
font-size:0.22rem;
line-height:0.5rem;
.item-text {
flex: 1;
color: #454545;
padding: 0.1rem 0.2rem 0;
.item-text-tit {
font-size: 0.22rem;
line-height: 0.5rem;
}
.item-text-desc{
font-size:0.16rem
.item-text-desc {
font-size: 0.16rem;
}
}
&.swiper-slide-active .item-media:after{
display:none;
&.swiper-slide-active .item-media:after {
display: none;
}
}
}
......
components/home/banners.vue
浏览文件 @ 6a69c0f5
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<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_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top">
......
components/home/projectFeatures.vue
浏览文件 @ 6a69c0f5
......@@ -85,37 +85,37 @@ export default {
return {
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_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_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_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_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_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_con:
'就读期间，因个人原因中途放弃或因外部不可抗力因素（如签证不通过等）无法出国学习，个人缴纳的第1学年费用全额退还。'
......@@ -212,34 +212,34 @@ export default {
.swiper-slide {
width: 250px;
height: 569px;
overflow:hidden;
position:relative;
.item_media{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
img{
transition:0.3s;
width:100%;
height:100%;
overflow: hidden;
position: relative;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after{
content: "";
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.7);
background: rgba(0, 0, 0, 0.7);
}
}
.item_desc {
position:absolute;
left:0;
top:0;
position: absolute;
left: 0;
top: 0;
width: 250px;
height: 349px;
// background-color: #ededed;
......@@ -251,7 +251,7 @@ export default {
padding: 34px 37px 53px 33px;
// transform-origin: bottom;
transform: translateY(450px);
transition:0.3s;
transition: 0.3s;
.item_desc_tit {
font-size: 20px;
font-weight: 400;
......@@ -267,10 +267,10 @@ export default {
}
}
}
.swiper-slide:hover{
.item_media{
img{
transform:scale(1.1);
.swiper-slide:hover {
.item_media {
img {
transform: scale(1.1);
}
}
.item_desc {
......@@ -283,7 +283,7 @@ export default {
}
}
}
.card-list{
.card-list {
width: 1200px;
position: relative;
margin-top: 17px;
......@@ -293,35 +293,35 @@ export default {
.card-item {
width: 386px;
height: 336px;
margin-bottom:20px;
overflow:hidden;
position:relative;
.item_media{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
img{
transition:0.3s;
width:100%;
height:100%;
margin-bottom: 20px;
overflow: hidden;
position: relative;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after{
content: "";
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.6);
background: rgba(0, 0, 0, 0.6);
}
}
.item_desc {
position:absolute;
left:0;
top:80px;
position: absolute;
left: 0;
top: 80px;
width: 386px;
height: 249px;
// background-color: #ededed;
......@@ -336,7 +336,7 @@ export default {
font-size: 21px;
font-weight: 600;
color: #fff;
line-height:36px;
line-height: 36px;
}
.item_desc_con {
font-size: 16px;
......@@ -345,14 +345,14 @@ export default {
margin-top: 34px;
line-height: 32px;
transform: translateY(270px);
transition:0.3s;
transition: 0.3s;
}
}
}
.card-item:hover{
.item_media{
img{
transform:scale(1.1);
.card-item:hover {
.item_media {
img {
transform: scale(1.1);
}
}
.item_desc {
......@@ -473,10 +473,10 @@ export default {
}
}
}
.card-list-outer{
.card-list-outer {
overflow-x: auto;
}
.card-list{
.card-list {
width: 12.6rem;
position: relative;
margin-top: 17px;
......@@ -485,35 +485,35 @@ export default {
.card-item {
width: 2rem;
height: 2.75rem;
overflow:hidden;
position:relative;
float:left;
.item_media{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
img{
transition:0.3s;
width:100%;
height:100%;
overflow: hidden;
position: relative;
float: left;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after{
content: "";
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.6);
background: rgba(0, 0, 0, 0.6);
}
}
.item_desc {
position:absolute;
left:0;
top:0.6rem;
position: absolute;
left: 0;
top: 0.6rem;
width: 100%;
height: 2rem;
// background-color: #ededed;
......@@ -528,9 +528,9 @@ export default {
font-size: 0.16rem;
font-weight: 500;
color: #fff;
line-height:0.3rem;
width:100%;
text-align:center;
line-height: 0.3rem;
width: 100%;
text-align: center;
}
.item_desc_con {
font-size: 0.12rem;
......@@ -538,7 +538,7 @@ export default {
color: #fff;
margin-top: 0.2rem;
line-height: 0.24rem;
text-align:justify;
text-align: justify;
}
}
}
......
components/home/projectPosition.vue
浏览文件 @ 6a69c0f5
......@@ -3,18 +3,24 @@
<div class="service-content max-width-center">
<card title="项目定位" v-if="!isMobile">
<div class="desc">
清控紫荆教育联合美国多所知名院校联合推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业，以“能力导向一体化”教学体系为指引，建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系，致力于：
<!-- 1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才；2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。 -->
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p>
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p>
<p>
清控紫荆教育联合美国多所知名院校推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济与金融领域前沿专业，以“能力导向一体化
”教学体系为指引，建立“ 通识教育、专业教育、实践教育和创新教育 ”四位一体的国际化创新人才培养体系，致力于 :
</p>
<p>1.培养立足本土，兼具国际化、产业化、科技化视野的金融创新人才与领袖。</p>
<p>2.为希望通过优质国际教育资源取得硕士学位与学历的人士提供实现路径。</p>
</div>
</card>
<div v-else>
<div class="tit">项目定位</div>
<div class="desc">
清控紫荆教育联合美国多所知名院校联合推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济领域前沿专业，以“能力导向一体化”教学体系为指引，建立“通识教育、专业教育、实践教育和创新教育”四位一体的国际化创新人才培养体系，致力于：
<p>1. 培养具有卓越的创新实践能力和国际竞争力的行业领军人才。</p>
<p>2. 为无需联考且向往通过国际先进教育资源取得硕士学历与学位的人士提供实现路径。</p>
<p>
清控紫荆教育联合美国多所知名院校推出国际硕士1+1项目，聚焦商业数据分析、金融科技、大数据、人工智能等数字经济与金融领域前沿专业，以“
能力导向一体化 ”教学体系为指引，建立“ 通识教育、专业教育、实践教育和创新教育
”四位一体的国际化创新人才培养体系，致力于 :
</p>
<p>1.培养立足本土，兼具国际化、产业化、科技化视野的金融创新人才与领袖。</p>
<p>2.为希望通过优质国际教育资源取得硕士学位与学历的人士提供实现路径。</p>
</div>
</div>
</div>
......@@ -96,13 +102,12 @@ export default {
padding-top: 168px;
.desc {
text-align: justify;
white-space: pre-line;
padding-top: 15px;
// white-space: pre-line;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #666666;
padding: 48px 30px 0 30px;
padding: 28px 30px 0 30px;
}
}
}
......
components/layout/pc/Head.vue
浏览文件 @ 6a69c0f5
......@@ -10,11 +10,11 @@
<img @click="goWebsite" src="https://zws-imgs-pub.ezijing.com/static/ezijing/logo/ezijing-logo.svg" />
<div class="line"></div>
<nuxt-link to="/">
<div class="title">国际硕士1+1</div>
<div class="title">金融学硕士1+1</div>
</nuxt-link>
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" /> -->
</div>
<div class="user" v-if="user.id">
<span>{{ user.realname || user.nickname }}</span
><em>|</em><span class="logout" @click="logout">{{ $t('menu.out') }}</span>
......@@ -119,7 +119,7 @@ li {
border-right: 1px solid #aa1941;
height: 26px;
width: 0;
margin:0 20px;
margin: 0 20px;
}
.title {
font-size: 30px;
......
pages/academic/academic.vue
浏览文件 @ 6a69c0f5
......@@ -38,12 +38,11 @@ export default {
data() {
return {
// 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',
url2: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-cn.png',
url1: 'https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-cert-en.png?v=1',
url2: 'https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-cert-cn.png',
frameParams: {
slider: [
]
slider: []
}
}
},
......@@ -56,8 +55,8 @@ export default {
</script>
<style lang="scss" scoped>
.is-pc {
width:1200px;
margin:56px auto 0;
width: 1200px;
margin: 56px auto 0;
.main_content {
padding: 70px 64px 80px 48px;
display: flex;
......@@ -93,7 +92,7 @@ export default {
justify-content: center;
align-items: center;
flex-direction: column;
padding:0.3rem 0 0.3rem;
padding: 0.3rem 0 0.3rem;
.img_english {
margin-top: 0.4rem;
display: flex;
......
pages/enroll/apply.vue
浏览文件 @ 6a69c0f5
<template>
<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">
<ul>
<li class="applyList_con">
<div class="apply_name">学历要求</div>
<div class="apply_desc">本科学历及以上或者本科在读</div>
<div class="apply_desc">本科学历（有学士学位）及以上或者本科在读（大三或大四）</div>
</li>
<li class="applyList_con">
<div class="apply_name">GPA要求</div>
<div class="apply_desc">在校GPA不低于2.5，或具有研究生学习潜力的优秀学生</div>
<div class="apply_desc">在校GPA不低于3.0或经审核具有研究生学习潜力的优秀学生</div>
</li>
<li class="applyList_con">
<div class="apply_name">语言要求</div>
<div class="apply_desc">
托福不低于79分，或者通过ZIEP测试。<br />
ZIEP（Zijing Intensive English
Program）即紫荆语言强化课程项目，是紫荆教育针对没有托福成绩的优秀学生提供的替代语言课程，该课程及考核成绩被众多美国大学认可。
·托福不低于80分或雅思6.5分及以上（单项不低于6.0）<br />
·托福75分/雅思6.0 （单项≥5.5）/大学英语6级≥450分/DET (Duo Lingo English Test)≥
105分的申请者，需通过紫荆语言强化课程（Zijing Intensive English Program，ZIEP）与石溪IEC 104课程测试。
</div>
</li>
</ul>
......
pages/enroll/process.vue
浏览文件 @ 6a69c0f5
<template>
<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-line"></div>
<div class="apply-item">
......@@ -8,17 +8,19 @@
<div class="apply-item-hd">在线申请</div>
<div class="apply-item-bd">
<p>
在线填写申请，网址为<a href="https://marywood-plus.ezijing.com/my/account"
>https://marywood-plus.ezijing.com/my/account</a
>(申请费700元，申请费不子退还）。在线填写完成提交后，将如下资料邮寄至：北京市海淀区中关村东路1号院清华科技园威盛大厦5层留学中心
周老师 18510019793（收）
在线填写申请，网址为<a href="https://sbu-plus.ezijing.com/my/account"
>https://sbu-plus.ezijing.com/my/account</a
>（申请费700元，申请费不予退还）。在线填写完成提交后，将如下资料邮寄至：北京市海淀区中关村东路1号院清华科技园威盛大厦5层留学中心
滑老师 18610017331（收）
</p>
<ul>
<li>1、身份证复印件一份</li>
<li>2、本科学历学位复印件1份（在读本科生出具在读证明即可）</li>
<li>3、本科标准成绩单（在读本科生出具截止目前的成绩单即可）</li>
<li>4、2寸免冠彩色照片2张</li>
<li>5、各种语言考试成绩单（托福、雅思等，非必需）</li>
<li>3、本科标准成绩单（在读本科生出具截止目前的成绩单即可，GPA≥80/3.0）</li>
<li>4、个人简历（英文）</li>
<li>5、个人陈述（英文）</li>
<li>6、2寸免冠彩色照片2张</li>
<li>7、各种语言考试成绩单（大学英语六级≥450、托福≥75、雅思≥5.5等；无语言成绩者：无需提供；）</li>
</ul>
</div>
</div>
......@@ -42,6 +44,10 @@
</div>
<div class="apply-item">
<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>
</div>
......
pages/project-intro/introduce.vue
浏览文件 @ 6a69c0f5
<template>
<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_item">
国际硕士1+1项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目预录取后，第1年在国内就读（已工作人士可以边工作边就读）。国内就读课程主要为语言课与硕士项目所需的部分学分课（不超过总学分的三分之一），由美国大学认可的国内大学或者有实力的教育机构实施录取和教学，一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后，获得美国大学的正式录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可被中国(教育部)留学服务中心认证为硕士研究生学历。
国际硕士1+1项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目有条件录取后，第1年在国内就读（已工作人士可以边工作边就读）。国内就读课程主要为语言课与硕士项目所需的部分学分课（不超过总学分的三分之一），由美国大学认可的国内大学或者有实力的教育机构实施录取和教学，一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后，获得美国大学的无条件录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可被中国(教育部)留学服务中心认证为硕士研究生学历。
</div>
<div class="part_item">
国际硕士1+1项目基于美国大学对中国教育机构或者大学的充分认证与授权，使得学生申请过程更加便捷。同其他赴美硕士留学项目相比，节省了国内备考与海外学习时间的同时也节约了可观的留学花费，已经成为越来越多优秀大学生的升硕选择。
</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>
</app-frame>
</template>
......@@ -91,7 +75,7 @@ export default {
line-height: 34px;
color: #424242;
padding-bottom: 20px;
text-align:justify;
text-align: justify;
}
.part_img {
width: 100%;
......@@ -127,7 +111,7 @@ export default {
line-height: 0.24rem;
color: #424242;
padding-bottom: 0.2rem;
text-align:justify;
text-align: justify;
}
.part_img {
width: 100%;
......
pages/school/school3.vue
浏览文件 @ 6a69c0f5
......@@ -2,31 +2,72 @@
<div>
<div v-if="!isMobile" class="is-pc">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/marywood_banner_02.jpg" />
<!-- <img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/marywood_banner.png" /> -->
<!-- <div class="btn">
<button class="btn1" @click="$router.push('/my/account')">报名申请</button>
</div> -->
<img class="img_banner" src="https://webapp-pub.ezijing.com/project_online_pc/sub_plus/school_banner.png" />
</div>
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img1.png?v=2" />
<!-- 学校介绍 -->
<div class="content_school">
<div class="content_left">
<div class="content_left_tit">
<div class="line"></div>
<div class="tit_desc">纽约大学石溪分校介绍</div>
</div>
<div class="content_left_bottom">
纽约州立大学石溪分校（The State University of New York at Stony
Brook），又名石溪大学，创办于1957年，简称SBU。坐落于纽约市郊风景区长岛，是美国著名公立研究型大学。石溪大学是北美顶尖大学联盟美国大学协会的65个成员之一，享有“公立常春藤”的美誉。
石溪大学拥有许多一流学者，其教学品质和研究成果享誉国际，石溪的教授队伍中聚集着各领域的顶尖研究人员，著名理论物理学家、诺贝尔物理学奖得主杨振宁在该校执教37年。自1957年成立后，石溪大学已经培养出多位著名人物，包括7位诺贝尔奖得主，1位图灵奖得主及菲尔茨奖、沃尔夫奖和阿贝尔奖得主约翰·米尔诺等。
石溪大学在2021 QS美国大学排名中位居全美高校第39位，纽约州高校第5位；2020《美国新闻与世界报道》（U.S.
News）美国大学本科综合排名中位居第88名，最佳公立大学排名中位居第39名。
</div>
</div>
<img
class="content_right"
src="https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img11.png?v=2"
/>
</div>
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img8.png" />
<!-- 专业介绍 -->
<div class="content_part">
<div class="img-box" style="height:600px">
<img class="img2" src="https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img8.png" />
</div>
<div class="content_desc">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">专业介绍</div>
</div>
<div class="content_intro">
<span style="color:#424242 !important;font-weight:bold !important">金融学硕士(MSF)学位项目：</span
>通过学习投资学、金融数据分析、风险管理、行为金融学、合并与收购等金融前沿课程体系，帮助学生全面提升金融理念认知，获得对全球资本市场运作以及企业财务研究和分析能力的深入掌握。培养金融素养领先，兼具国际化视野和本土实践能力的未来金融创新人才与领袖。
</div>
</div>
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-college-intro-img1.png?v=2" />
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img9.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/school-apply-img.png" />
<!-- 申请条件 -->
<div class="content_part" style="flex-direction: column">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">申请条件</div>
</div>
<div class="content_list">
<div class="content_list_item" v-for="(item, index) in applyList" :key="index">
<div class="content_list_item_top">
<img :src="item.img" alt="" />
<div class="top_text">{{ item.tit }}</div>
</div>
<div class="content_list_item_center" v-html="item.desc"></div>
<div class="content_list_item_bottom" v-html="item.tips"></div>
</div>
<!-- </div> -->
</div>
<!-- <img src="https://webapp-pub.ezijing.com/project_online_pc/edd/school-apply-img.png" /> -->
</div>
<!-- 学制安排 -->
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">学制安排</div>
</div>
<!-- <img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/marywood3611.png" /> -->
<div class="content">
<div class="content_part">
<div class="img5 img55">
<div class="mask"></div>
<div class="desc">
......@@ -63,47 +104,23 @@
</div>
</div>
</div>
<!-- <div class="content"> -->
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood36.png" /> -->
<!-- </div> -->
<!-- 院校荣誉 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img9.png" />
<!-- 课程设置 -->
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">课程设置</div>
</div>
<div class="course-set">
<!-- <div class="head-tab">
<div @click="courseTab(0)" :class="!courseSetTab ? 'btn active' : 'btn'">
<p>工商管理硕士</p>
<p>Master of Business Administration</p>
</div>
<div @click="courseTab(1)" :class="courseSetTab ? 'btn active' : 'btn'">
<p>管理信息系统硕士</p>
<p>M.S. in Management Information Systems</p>
</div>
</div>
<div style="padding: 40px">
<img v-if="!courseSetTab" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img2.png" />
<img v-else src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img3.png" />
</div> -->
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course.png?v=1">
</div>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
</div>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online_pc/sub_plus/school-course-img1.png?v=1"
/>
<div class="course-set-tips">注*：课程随教学计划可能会有调整，以实际开课为准。</div>
</div>
</div>
<div v-else class="is-h5">
<div class="banner">
<!-- <img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/banner.jpg" width="100%" /> -->
<img
class="img_banner"
src="https://webapp-pub.ezijing.com/project/marywood/marywood_banner_02.jpg"
......@@ -125,10 +142,6 @@
</div>
<div class="h5-title m-t-10">学制安排</div>
<div class="img-list">
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg1.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg2.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg3.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg4.png" /> -->
<div class="xz-content">
<div class="xz-item xz1">
<div class="mask"></div>
......@@ -166,50 +179,13 @@
</div>
</div>
</div>
<div class="h5-title m-t-10">课程设置</div>
<div class="h5-course-set">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/school-course-img1.png" style="margin-bottom:0.3rem">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/school-course-img2.png">
<!-- <div class="h5-head">
<div
@click="courseTab(0)"
:class="!courseSetTab ? 'btn active' : 'btn'"
style="margin: 0 0.42rem 0 0.06rem"
>
<p>工商管理硕士</p>
<p>Master of Business Administration</p>
</div>
<div @click="courseTab(1)" :class="courseSetTab ? 'btn active' : 'btn'">
<p>管理信息系统硕士</p>
<p>M.S. in Management Information Systems</p>
</div>
</div>
<div v-if="!courseSetTab" style="padding: 0.35rem 0.1rem">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5-curriculum1.png" />
<img
src="https://webapp-pub.ezijing.com/project/marywood-plus/h5-curriculum2.png"
style="margin-top: 0.43rem"
/>
</div>
<div v-else style="padding: 0.35rem 0.1rem">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5-curriculum3.png" />
<img
src="https://webapp-pub.ezijing.com/project/marywood-plus/h5-curriculum4.png"
style="margin-top: 0.43rem"
/>
</div> -->
</div>
<div class="h5-title m-t-10">校园风光</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption2" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listDataH5" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online_pc/edd/school-course-img1.png"
style="margin-bottom:0.3rem"
/>
</div>
</div>
</div>
......@@ -223,6 +199,27 @@ export default {
const _this = this
return {
applyList: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online_pc/edd/apply_step1.png',
tit: '学历要求',
desc: '本科学历（有学士学位）及以上或者本科在读（大三或大四）',
tips: ''
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online_pc/edd/apply_step2.png',
tit: '语言要求',
desc:
'·托福不低于80分或雅思6.5分及以上（单项不低于6.0）<br/>·托福75分/雅思6.0 （单项≥5.5）/大学英语6级≥450分/DET (Duo Lingo English Test)≥ 105分的申请者，需通过紫荆语言强化课程（Zijing Intensive English Program，ZIEP）与石溪IEC 104课程测试。',
tips: ''
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online_pc/edd/apply_step3.png',
tit: 'GPA要求',
desc: '在校GPA不低于3.0或经审核具有研究生学习潜力的优秀学生',
tips: ''
}
],
courseSetTab: 0,
popupVisible: false,
listData: [
......@@ -274,19 +271,6 @@ export default {
}
}
}
// frameParams: {
// banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
// slider: [
// {
// name: this.$t('menu.schoolChild.school3'),
// path: '/school/school3'
// },
// {
// name: this.$t('menu.courseChild.teachers'),
// path: '/about/teacher'
// }
// ]
// }
}
},
computed: {
......@@ -316,35 +300,17 @@ export default {
background: #fff;
width: 1200px;
margin: 30px auto 0;
padding:50px 30px;
img{
width:1140px;
}
// .head-tab {
// height: 120px;
// border-bottom: 1px solid #bebebe;
// display: flex;
// justify-content: space-evenly;
// .btn {
// p {
// font-size: 26px;
// font-weight: 400;
// color: #959595;
// text-align: center;
// line-height: 100%;
// // -webkit-background-clip: text;
// // -webkit-text-fill-color: transparent;
// }
// padding-top: 60px;
// cursor: pointer;
// &.active {
// border-bottom: 1px solid #aa1941;
// p {
// color: #aa1941;
// }
// }
// }
// }
padding: 50px 30px;
margin-bottom: 111px;
img {
width: 1140px;
}
.course-set-tips {
font-size: 16px;
font-weight: 400;
color: #7b7b7b;
}
}
.banner {
position: relative;
......@@ -375,13 +341,174 @@ export default {
opacity: 1;
}
}
.content_school {
// background-color: #ccc;
height: 661px;
width: 1200px;
margin: 70px auto;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
.content_left {
padding-right: 152px;
min-width: 524px;
height: 100%;
.content {
// background-color: red;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_left_bottom {
font-size: 16px;
font-weight: 300;
color: #424242;
margin-top: 66px;
text-align: left;
line-height: 1.5;
}
}
.content_right {
min-width: 596px;
height: 100%;
// background-color: yellow;
}
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_part {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
.content_list {
width: 100%;
// min-height: 546px;
display: flex;
justify-content: space-around;
align-items: center;
background-color: #fff;
padding-bottom: 35px;
margin-top: 31px;
.content_list_item {
padding: 68px 39px 0 41px;
width: 380px;
height: 483px;
opacity: 1;
.content_list_item_top {
img {
width: 91.66px;
height: 100%;
}
.top_text {
font-size: 20px;
font-weight: 500;
color: #484848;
}
}
.content_list_item_center {
text-align: center;
font-size: 16px;
font-weight: 400;
color: #666666;
margin-top: 37px;
line-height: 2;
}
.content_list_item_bottom {
font-size: 14px;
font-weight: 400;
color: #999999;
margin-top: 27px;
text-align: left;
line-height: 2;
}
}
}
.content_list_item:nth-child(2) .content_list_item_center {
text-align: left;
}
.content_list_item:nth-child(1) {
padding-top: 75px;
}
.content_list_item:nth-child(1) .content_list_item_top .top_text {
margin-top: 45px;
}
.content_list_item:nth-child(2) .content_list_item_top .top_text {
margin-top: 29px;
}
.content_list_item:nth-child(3) .content_list_item_top .top_text {
margin-top: 30px;
}
.content_desc {
width: 536px;
padding-left: 30px;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_intro {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 1.5;
margin-top: 66px;
text-align: left;
}
}
img {
width: 100%;
height: 100%;
......@@ -426,8 +553,8 @@ export default {
justify-content: center;
margin-top: 137px;
transition: all 0.15s ease-in;
position:relative;
z-index:11;
position: relative;
z-index: 11;
.desc_tit {
font-size: 24px;
font-weight: 500;
......@@ -469,16 +596,16 @@ export default {
}
.img5 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img4.png');
background: url('https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img4.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img5.png');
background: url('https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img5.png');
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img6.png');
background: url('https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img6.png');
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img7.png');
background: url('https://webapp-pub.ezijing.com/project_online_pc/sub_plus/pc-school-img7.png');
}
}
.img4 {
......@@ -486,7 +613,7 @@ export default {
height: 100%;
margin-top: 68px;
}
.content_tit {
.content_left_tit {
width: 1200px;
margin: auto;
text-align: center;
......@@ -537,7 +664,7 @@ export default {
}
.h5-course-set {
background: #fff;
padding:0.2rem 0.12rem;
padding: 0.2rem 0.12rem;
.h5-head {
height: 0.7rem;
border-bottom: 1px solid #bebebe;
......@@ -630,8 +757,8 @@ export default {
justify-content: center;
margin-top: 0.4rem;
transition: all 0.15s ease-in;
position:relative;
z-index:11;
position: relative;
z-index: 11;
.desc_tit {
font-size: 0.16rem;
font-weight: 500;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论