Skip to content

P
project-online-pc
提交 e3bfad00 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: 新增韩国又石大学专升本项目1042

上级 0ed98c8e
显示空白字符变更
内嵌 并排
正在显示 包含 1028 行增加 和 5201 行删除
.env
浏览文件 @ e3bfad00
projectId=1020
projectId=1042
newProjectId=62110451281973248
baseURL=https://project-api.ezijing.com
loginURL=https://login.ezijing.com/sit-plus
\ No newline at end of file
loginURL=https://login.ezijing.com/auth/login/index
\ No newline at end of file
.env.dev
浏览文件 @ e3bfad00
projectId=1020
projectId=1042
newProjectId=62110451281973248
baseURL=https://project-api.ezijing.com
loginURL=https://login.ezijing.com/sit-plus
\ No newline at end of file
loginURL=https://login.ezijing.com/auth/login/index
\ No newline at end of file
.env.test
浏览文件 @ e3bfad00
projectId=1020
projectId=1042
newProjectId=62110451281973248
......
assets/theme/index.css
浏览文件 @ e3bfad00
This source diff could not be displayed because it is too large. You can view the blob instead.
components/ArticleListItem.vue
浏览文件 @ e3bfad00
......@@ -73,7 +73,7 @@ export default {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
color: #2065a0;
// padding-top: 13px;
}
.article-item-content__title {
......@@ -121,7 +121,7 @@ export default {
}
.article-item-content__date {
font-size: 0.1rem;
color: #aa1941;
color: #2065a0;
line-height: 0.16rem;
}
.article-item-content__title {
......
components/Card.vue
浏览文件 @ e3bfad00
......@@ -31,7 +31,7 @@ export default {
}
.card-hd__title {
flex: 1;
border-left: 7px solid #aa1941;
border-left: 7px solid #2065a0;
padding-left: 20px;
font-size: 32px;
font-weight: bold;
......@@ -55,7 +55,7 @@ export default {
}
.card-hd__title {
flex: 1;
border-left: 0.03rem solid #aa1941;
border-left: 0.03rem solid #2065a0;
padding-left: 0.05rem;
font-size: 0.17rem;
font-weight: bold;
......
components/appFrame.vue
浏览文件 @ e3bfad00
......@@ -49,12 +49,12 @@ export default {
color: #777777;
cursor: pointer;
&.is-active {
color: #aa1941;
color: #2065a0;
&::after {
content: '';
width: 8px;
height: 40px;
background: #aa1941;
background: #2065a0;
position: absolute;
top: 0;
left: 0;
......@@ -86,7 +86,7 @@ export default {
line-height: 0.38rem;
color: #333;
&.is-active {
border-bottom: 0.02rem solid #aa1941;
border-bottom: 0.02rem solid #2065a0;
}
}
}
......
components/base/h5/ApplyForm.vue
浏览文件 @ e3bfad00
......@@ -35,7 +35,7 @@ import * as api from '@/api'
export default {
data() {
return {
ruleForm: { name: '', phone: '', project_id: '1020', channel: localStorage.getItem('channel_num') || 19960 },
ruleForm: { name: '', phone: '', project_id: '1042', channel: localStorage.getItem('channel_num') || 19960 },
projectList: [
{ label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' },
......@@ -45,7 +45,7 @@ export default {
{ label: '中国未来金融领袖计划', value: '1007' },
{ label: '国际硕士保研项目', value: '1016' },
{ label: '金融学硕士保研项目', value: '1018' },
{ label: '斯蒂文斯理工学院硕士保研项目', value: '1020' },
{ label: '韩国又石大学专升本项目', value: '1042' },
],
phoneCode: '',
codeButtonDisabled: false,
......@@ -168,7 +168,7 @@ export default {
width: 100%;
height: 38px;
font-size: 16px;
color: #aa1941;
color: #2065a0;
background-color: #ffd61b;
box-sizing: border-box;
border: none;
......
components/base/h5/Menu.vue
浏览文件 @ e3bfad00
......@@ -20,10 +20,7 @@ export default {
},
{
name: '项目介绍',
children: [
{ name: '斯蒂文斯理工学院', path: '/about/school' }
// { name: '最近动态', path: '/news/hot' }
]
path: '/about/school'
},
{
name: '学历认证',
......@@ -40,19 +37,6 @@ export default {
name: '资料下载',
path: '/dataDownload/dataDownload'
},
{
name: '就业福利',
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
{ name: '高薪就业', path: '/returnPolicy/salary' },
{ name: '归国政策', path: '/returnPolicy/returnPolicy' }
]
},
{
name: '常见问题',
path: '/question/question'
},
{
name: '报名申请',
onClick: () => {
......
components/base/h5/TabNav.vue
浏览文件 @ e3bfad00
......@@ -26,7 +26,7 @@ export default {
line-height: 0.38rem;
color: #333;
&.is-active {
border-bottom: 0.02rem solid #aa1941;
border-bottom: 0.02rem solid #2065a0;
}
}
}
......
components/consultingForm.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div class="popup" v-show="visible">
<div class="app-apply-form" @touchmove.prevent>
<h2 class="title">报名咨询</h2>
<div class="form">
<div class="form-item">
<input type="text" class="form-input" placeholder="请输入您的姓名" v-model="ruleForm.name" />
</div>
<div class="form-item">
<input
type="number"
class="form-input"
placeholder="请输入您的电话"
maxlength="11"
v-model="ruleForm.phone"
/>
</div>
<div class="form-item">
<select class="form-select" placeholder="请选择项目" v-model="ruleForm.project_id" disabled>
<option value="" disabled selected>请选择项目</option>
<option v-for="(item, index) in projectList" :value="item.value" :key="index">{{ item.label }}</option>
</select>
</div>
<div class="form-item">
<input type="text" class="form-input" placeholder="请输入短信验证码" maxlength="4" v-model="phoneCode" />
<input
type="button"
class="form-button"
:disabled="codeButtonDisabled"
:value="buttonText"
@click="onSendCode"
/>
</div>
<div class="form-item">
<input type="button" value="立即预约" class="form-button" @click="onSbumit" />
</div>
</div>
</div>
<div class="overlay" @click="closePop" @touchmove.prevent></div>
</div>
</template>
<script>
import * as api from '@/api'
export default {
props: {
visible: {
type: Boolean,
default: false
}
},
data() {
return {
ruleForm: { name: '', phone: '', project_id: '1016', channel: 19960 },
projectList: [
{ label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' },
{ label: '工商管理硕士', value: '1012' },
{ label: '应用心理学硕士', value: '1006' },
{ label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' },
{ label: '国际硕士保研项目', value: '1016' }
],
phoneCode: '',
codeButtonDisabled: false,
timer: null,
disabledTime: 60
}
},
computed: {
buttonText() {
return this.codeButtonDisabled ? `${this.disabledTime}秒后重发` : '获取验证码'
}
},
mounted() {
console.log(this.ruleForm, '-----')
},
methods: {
closePop() {
document.getElementsByTagName('body')[0].style.height = ''
document.getElementsByTagName('body')[0].style.overflow = ''
this.$emit('update:visible', false)
this.ruleForm.name = ''
this.ruleForm.phone = ''
this.phoneCode = ''
},
onSbumit() {
if (!this.ruleForm.name) {
this.$message('请输入您的姓名')
return
}
if (!this.ruleForm.phone || !/^1[3-9]\d{9}$/.test(this.ruleForm.phone)) {
this.$message('请输入正确的手机号')
return
}
if (!this.phoneCode) {
this.$message('请输入短信验证码')
return
}
this.checkPhoneCode()
},
handleSubmit() {
api
.submit(this.ruleForm)
.then(res => {
this.$message('报名成功')
this.$emit('success')
this.ruleForm.name = ''
this.ruleForm.phone = ''
this.phoneCode = ''
})
.catch(err => {
this.$message.error(err.msg)
})
},
// 校验短信验证码
checkPhoneCode() {
return api
.checkCode({ account: this.ruleForm.phone, code: this.phoneCode })
.then(res => {
if (res.code === 0) {
this.handleSubmit()
}
})
.catch(err => {
this.$message.error(err.msg)
})
},
onSendCode() {
if (!this.ruleForm.phone || !/^1[3-9]\d{9}$/.test(this.ruleForm.phone)) {
this.$message('请输入正确的手机号')
return
}
this.sendCode()
},
// 发送验证码
sendCode() {
this.setTimer()
api
.sendCode({ account: this.ruleForm.phone })
.then(() => {
this.$message({ type: 'success', message: '验证码发送成功，注意查收' })
})
.catch(() => {
this.clearTimer()
})
},
setTimer() {
this.codeButtonDisabled = true
this.disabledTime = 60
this.timer = setInterval(() => {
this.disabledTime--
if (this.disabledTime <= 0) {
this.clearTimer()
}
}, 1000)
},
clearTimer() {
this.codeButtonDisabled = false
this.timer && clearInterval(this.timer)
}
},
destroyed() {
this.clearTimer()
}
}
</script>
<style lang="scss" scoped>
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1999;
background: rgba(0, 0, 0, 0.5);
}
.app-apply-form {
height: 374px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2000;
background: url(https://zws-imgs-pub.ezijing.com/static/public/4ae1f00a05a40fd10866ffe153fa82b0.png);
.title {
padding: 30px 0;
font-size: 20px;
color: #fff;
text-align: center;
}
}
.form-item {
display: flex;
align-items: center;
margin-bottom: 20px;
margin-right: 20px;
margin-left: 10px;
}
.form-input {
padding: 0 10px;
width: 100%;
height: 38px;
background-color: #fff;
box-sizing: border-box;
border: none;
}
.form-select {
appearance: none;
position: relative;
padding: 0 10px;
width: 100%;
height: 38px;
background: #fff url('https://webapp-pub.ezijing.com/www/h5/images/icon_arrows.png') no-repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 30px 30px;
box-sizing: border-box;
border: none;
}
.form-button {
padding: 0 10px;
width: 100%;
height: 38px;
font-size: 16px;
color: #aa1941;
background-color: #ffd61b;
border: none;
cursor: pointer;
}
.form-input + .form-button {
margin-left: 10px;
}
</style>
components/home/Video.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div class="video-wrapper" :class="className">
<div v-if="!isMobile" class="content" ref="target">
<!-- <ul class="video-list">
<li class="video-item" v-for="(item, index) in list" :key="index">
<div class="video-poster">
<img :src="item.poster" />
<div class="video-play" @click="open(item)" @mouseenter.stop="handleVideoMouseEnter" @mousemove.stop="handleVideoMouseEnter" v-if="isMobile || index === 0"></div>
</div>
<div class="video-content">
<div class="video-title">{{ item.title }}</div>
<div class="video-desc">{{ item.desc }}</div>
</div>
</li>
</ul> -->
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<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> -->
</div>
<!-- <div class="item-text">
<div class="item-text-tit">{{ item.title }}</div>
<div class="item-text-desc">{{ item.desc }}</div>
</div> -->
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
<!-- <div v-if="showType === 'left' && showIndex > 0" class="video-btn video-prev" @click="handlePrev"></div>
<div v-if="showType === 'right' && showIndex < list.length - 1" class="video-btn video-next" @click="handleNext"></div> -->
</div>
<div v-else>
<div v-swiper:mySwiper="swiperOption1" ref="mySwiper">
<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>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
isShow: false,
list: [
{
poster: 'https://webapp-pub.ezijing.com/project/sit-plus/video_poster1.png'
},
{
poster: 'https://webapp-pub.ezijing.com/project/sit-plus/video_poster2.png'
},
{
poster: 'https://webapp-pub.ezijing.com/project/sit-plus/video_poster3.png'
},
{
poster: 'https://webapp-pub.ezijing.com/project/sit-plus/video_poster4.png'
},
{
poster: 'https://webapp-pub.ezijing.com/project/sit-plus/video_poster5.png'
},
{
poster: 'https://webapp-pub.ezijing.com/project/sit-plus/video_poster6.png'
}
],
// 当前播放的视频
playVideo: {},
showType: '',
showIndex: 0,
mouseCursor: 'pointer',
swiperOption: {
autoplay: {
delay: 1000
},
speed: 1000,
loop: true,
height: 500,
slidesPerView: 2,
centeredSlides: true,
rewind: true,
disableOnInteraction: false,
on: {
slideChangeTransitionEnd: function() {
this.autoplay.start() //就加这个玩意儿
}
}
},
swiperOption1: {
loop: true,
height: 500,
slidesPerView: 1.3,
centeredSlides: true,
rewind: true
// disableOnInteraction: false,
// on: {
// slideChangeTransitionEnd: function() {
// this.autoplay.start() //就加这个玩意儿
// }
// }
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
},
className() {
return {
'is-h5': this.isMobile,
'is-pc': !this.isMobile
}
}
},
methods: {
handleMouseEnter(e) {
// const target = this.$refs.target.getBoundingClientRect()
// 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.showType = 'left'
// } else {
// this.mouseCursor = 'default'
// this.showType = ''
// }
// } 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.showType = 'right'
// } else {
// this.mouseCursor = 'default'
// this.showType = ''
// }
// }
},
handleVideoMouseEnter() {},
handleClick() {
console.log(this.showIndex)
if (this.showType === 'left') {
this.handlePrev()
} else if (this.showType === 'right') {
this.handleNext()
}
},
handlePrev() {
// 末尾的视频放到前面
// const deleteVideo = this.list.splice(this.list.length - 1, 1)
// this.list.unshift(deleteVideo[0])
this.showIndex--
if (this.showIndex <= 0) {
this.mouseCursor = 'default'
this.showType = ''
this.showIndex = 0
}
this.$refs.mySwiper.swiper.slideTo(this.showIndex)
},
handleNext() {
// 第一个视频放到最后
// const deleteVideo = this.list.splice(0, 1)
// this.list = this.list.concat(deleteVideo)
this.showIndex++
if (this.showIndex >= this.list.length - 1) {
this.mouseCursor = 'default'
this.showType = ''
this.showIndex = this.list.length - 1
}
this.$refs.mySwiper.swiper.slideTo(this.showIndex)
},
open(item) {
this.playVideo = item
this.isShow = true
this.$nextTick(() => {
this.$refs.video.play()
})
document.getElementsByTagName('body')[0].style.height = '100%'
document.getElementsByTagName('body')[0].style.overflow = 'hidden'
},
close() {
this.isShow = false
document.getElementsByTagName('body')[0].style.height = ''
document.getElementsByTagName('body')[0].style.overflow = ''
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
margin-top: 56px;
.video-wrapper {
background: url(https://webapp-pub.ezijing.com/project/sit-plus/video_bg.png) no-repeat center center;
background-size: cover;
}
.content {
max-width: 1200px;
margin: 0 auto;
position: relative;
padding: 65px 0;
}
.video-list {
display: flex;
flex-wrap: nowrap;
height: 680px;
}
.video-item {
display: flex;
align-items: center;
position: relative;
}
.video-item + .video-item {
opacity: 0.4;
}
.video-poster {
position: relative;
width: 550px;
height: 550px;
&::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 79px;
height: 79px;
// background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2;
}
.video-content {
width: 490px;
padding: 20px;
box-sizing: border-box;
}
.video-title {
font-size: 40px;
font-weight: 400;
color: #ffffff;
}
.video-desc {
font-size: 20px;
font-weight: 400;
line-height: 28px;
color: #ffffff;
}
.video-btn {
position: absolute;
left: -40px;
top: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play-big-l.png) no-repeat center center;
background-size: contain;
transform: translateY(-50%);
cursor: pointer;
z-index: 10;
}
.video-next {
left: unset;
right: -40px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_next.png) no-repeat center center;
}
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1999;
background: rgba(0, 0, 0, 0.5);
}
.video {
width: 80%;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
}
.swiper-container {
height: 550px;
// .swiper-wrapper{
// }
.swiper-slide {
width: 580px !important;
position: relative;
display: flex;
align-items: center;
// margin-left:50px;
.item-media {
width: 550px;
height: 550px;
position: relative;
img {
width: 100%;
height: 100%;
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2200;
}
}
.item-text {
flex: 1;
color: #fff;
padding: 0 40px;
.item-text-tit {
font-size: 36px;
line-height: 60px;
}
.item-text-desc {
font-size: 20px;
}
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
// background: rgba(0, 0, 0, 0.6);
}
&.swiper-slide-active:after {
display: none;
}
}
}
}
.is-h5 {
margin-top: 0.56rem;
.video-list {
display: flex;
padding: 0 0.3rem;
overflow-x: auto;
}
.video-item {
width: 3.25rem;
}
.video-item + .video-item {
margin-left: 0.1rem;
}
.video-poster {
position: relative;
width: 3.25rem;
height: 2.04rem;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
// &::after {
// content: '';
// position: absolute;
// left: 0;
// right: 0;
// bottom: 0;
// top: 0;
// background: rgba(0, 0, 0, 0.3);
// z-index: 1;
// }
}
// .video-play {
// position: absolute;
// top: 50%;
// left: 50%;
// width: 0.39rem;
// height: 0.39rem;
// background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
// background-size: contain;
// transform: translate(-50%, -50%);
// cursor: pointer;
// z-index: 2;
// }
.video-content {
padding: 0.1rem 0;
}
.video-title {
text-align: center;
font-size: 0.12rem;
color: #484848;
}
.video-desc {
text-align: center;
font-size: 0.12rem;
color: #484848;
}
.video {
width: 100%;
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 10000;
}
.swiper-container {
// height: 4.5rem;
// .swiper-wrapper{
// }
.swiper-slide {
width: 3.2rem;
position: relative;
// padding: 0 0.1rem;
.item-media {
width: 2.75rem;
position: relative;
img {
width: 100%;
height: 3rem;
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2200;
}
// &:after {
// content: '';
// display: block;
// width: 100%;
// height: 100%;
// position: absolute;
// top: 0;
// left: 0;
// 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-desc {
font-size: 0.16rem;
}
}
&.swiper-slide-active .item-media:after {
display: none;
}
}
}
}
</style>
components/home/banner.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div class="banner-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">
<template v-if="item.uri">
<a :href="item.uri" target="_black">
<img :src="item.web_img_uri" />
</a>
</template>
<template v-else>
<img :src="item.web_img_uri" />
</template>
</div>
</div>
</div>
<template v-if="!isMobile">
<div class="prev-button"></div>
<div class="next-button"></div>
</template>
</div>
</template>
<script>
export default {
name: 'banner',
data() {
return {
listData: [],
swiperOption: {
speed: 400,
autoplay: true,
delay: 3000,
observer: true,
observerParent: true,
navigation: {
nextEl: '.next-button',
prevEl: '.prev-button'
},
loop: true
}
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'ad_banner' }
this.listData = await this.$axios.get('/api/cms/api/v1/advertisements', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner-content {
position: relative;
width: 100%;
.swiper-wrapper {
width: 100%;
display: flex;
.swiper-slide {
width: 100%;
// float: left;
img {
width: 100%;
display: block;
}
}
}
.prev-button {
position: absolute;
top: 50%;
left: 30px;
width: 20px;
height: 35px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/beb733466e5ab0168b459a55d198b084.png);
background-size: 100% 100%;
z-index: 999;
cursor: pointer;
}
.next-button {
position: absolute;
top: 50%;
right: 30px;
width: 20px;
height: 35px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/e97f45b23a3e5ec4913f0069cc714baf.png);
background-size: 100% 100%;
z-index: 999;
cursor: pointer;
}
}
</style>
\ No newline at end of file
components/home/banners.vue
浏览文件 @ e3bfad00
......@@ -2,89 +2,19 @@
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content">
<a href="/my">
<img class="img" src="https://webapp-pub.ezijing.com/project/sit-plus/banner.png?v=1" />
<img class="img" src="/woosuk/home-banner.jpg" />
</a>
<!-- <div class="content_desc">
<div class="desc_cn">斯蒂文斯理工学院硕士保研项目</div>
<div class="desc_en">Stevens Institute of Technology Master of Engineering in Engineering Management</div>
</div> -->
<div class="banner_navList" v-if="false">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top">
<img class="nav_img" :src="item.img" v-if="!isMobile" />
<img class="nav_img" :src="item.imgH5" v-else />
</div>
<div class="nav_tit">{{ item.tit }}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
navList: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon1.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon11.png',
tit: '报名申请',
tag: '1',
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon4.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon41.png',
tit: '招生简章',
tag: '2',
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon5.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon51.png',
tit: '项目介绍',
tag: '3',
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon2.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon21.png',
tit: '资料下载',
tag: '4',
},
// {
// img: 'https://webapp-pub.ezijing.com/project/marywood/icon3.png',
// imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon31.png',
// tit: '常见问题',
// tag: '5'
// }
],
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
},
},
methods: {
navClick(item) {
if (item.tag === '1') {
this.$router.push('/my/account')
} else if (item.tag === '2') {
window.open(
'https://webapp-pub.ezijing.com/project/sit-plus/%E6%96%AF%E8%92%82%E6%96%87%E6%96%AF%E7%90%86%E5%B7%A5%E5%AD%A6%E9%99%A2%E5%B7%A5%E7%A8%8B%E7%AE%A1%E7%90%86%E7%A1%95%E5%A3%AB%E4%BF%9D%E7%A0%94%E9%A1%B9%E7%9B%AE%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf?v=1'
)
} else if (item.tag === '3') {
this.$router.push('/about/school')
} else if (item.tag === '4') {
this.$router.push('/dataDownload/dataDownload')
} else if (item.tag === '5') {
return ''
// this.$router.push('/question/question')
}
},
},
}
</script>
......@@ -100,83 +30,6 @@ export default {
object-fit: cover;
z-index: 1000;
}
.content_desc {
position: absolute;
top: 255px;
left: 50%;
transform: translate(-50%, -50%);
.desc_cn {
font-size: 60px;
font-weight: 500;
color: #ffffff;
text-shadow: -1.8369701465288538e-16px 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
letter-spacing: 5.5px;
}
.desc_en {
font-size: 30px;
font-weight: 400;
color: #ffffff;
text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
margin-top: 5px;
}
}
.banner_navList {
position: absolute;
bottom: -59px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: flex-end;
margin: 0;
padding: 0;
.banner_nav {
width: 239px;
height: 144px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #be0927;
// border-right: 1px solid #e64b77;
padding-right: 0;
opacity: 0.71;
.nav_top {
width: 100%;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
border-right: 0.5px solid rgba(255, 255, 255, 0.30196078431372547);
}
.banner_nav:last-child {
border: none;
}
.nav_tit {
width: 100%;
height: 57px;
font-size: 14px;
line-height: 57px;
text-align: center;
color: #fefffe;
padding-bottom: 15px;
border-right: 1px solid #be0927;
font-size: 20px;
}
&:hover {
height: 160px;
background-color: #aa1941;
border-right: 1px solid #be0927;
opacity: 0.78;
}
&:hover .nav_top {
border-right: none;
}
}
}
}
}
......@@ -187,60 +40,6 @@ export default {
.img {
width: 100%;
height: 100%;
// z-index: 1000;
}
.content_desc {
position: absolute;
top: 15%;
left: 50%;
transform: translateX(-50%);
text-align: center;
.desc_cn {
font-size: 0.15rem;
font-weight: 500;
color: #ffffff;
text-shadow: -1.8369701465288538e-16px 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
// text-align: center;
}
.desc_en {
font-size: 0.1rem;
font-weight: 400;
color: #ffffff;
text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3);
// white-space: nowrap;
margin-top: 0.02rem;
}
}
.banner_navList {
padding: 0.43rem 0.33rem 0 0.35rem;
display: flex;
justify-content: space-around;
align-items: center;
.banner_nav {
text-align: center;
.nav_top {
.nav_img {
display: block;
width: 0.45rem;
// height: 100%;
margin-right: 0.2rem;
text-align: center;
}
}
.nav_tit {
// width: 100%;
// height: 0.24rem;
// line-height: 0.24rem;
width: 0.48rem;
margin-top: 0.08rem;
font-size: 0.12rem;
text-align: center;
color: #484848;
}
}
}
}
}
......
components/home/campusPhotos.vue 0 → 100644
浏览文件 @ e3bfad00
<template>
<div class="max-width-center">
<card title="校园风光">
<template #header-aside>
<nuxt-link to="/school/school">{{ $t('viewMore') }}</nuxt-link>
</template>
<div class="photo-list">
<div class="photo-item" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" :alt="'又石大学校园风光' + (index + 1)" />
</div>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'campusPhotos',
components: { AppLink, Card },
data() {
return {
listData: [
{ web_img_uri: '/woosuk/photos/photo-1.jpg' },
{ web_img_uri: '/woosuk/photos/photo-2.jpg' },
{ web_img_uri: '/woosuk/photos/photo-3.jpg' },
{ web_img_uri: '/woosuk/photos/photo-4.jpg' },
{ web_img_uri: '/woosuk/photos/photo-5.jpg' },
{ web_img_uri: '/woosuk/photos/photo-6.jpg' },
{ web_img_uri: '/woosuk/photos/photo-7.jpg' },
{ web_img_uri: '/woosuk/photos/photo-8.jpg' }
]
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.photo-list {
margin-top: 26px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
.photo-item {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
img {
width: 100%;
height: 210px;
object-fit: cover;
display: block;
transition: 0.3s;
}
&:hover img {
transform: scale(1.05);
}
}
}
}
.is-h5 {
.photo-list {
margin-top: 0.17rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.08rem;
.photo-item {
border-radius: 0.04rem;
overflow: hidden;
img {
width: 100%;
height: 1.1rem;
object-fit: cover;
display: block;
}
}
}
}
</style>
components/home/commonProblem.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="common-content-box">
<card :title="$t('home.problem.title')">
<template #header-aside
><nuxt-link to="/apply/problem">{{ $t('viewMore') }}</nuxt-link></template
>
<div class="content-mian">
<app-link to="/apply/problem">
<div class="list-box">
<ul>
<li v-for="(item, index) in problem.itemLeft" :key="index">
<div class="icon"></div>
<div class="text">{{ item }}</div>
</li>
</ul>
<ul>
<li v-for="(item, index) in problem.itemRight" :key="index">
<div class="icon"></div>
<div class="text">{{ item }}</div>
</li>
</ul>
</div>
</app-link>
<!-- <div class="msg-box">
<el-input type="textarea" placeholder="请输入内容" v-model="textarea"> </el-input>
<div class="btn">在线留言</div>
</div> -->
</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'commonProblem',
components: {
Card,
AppLink
},
data() {
return {
problem: {
itemLeft: [
'本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？',
'本项目上课形式是怎么样？',
'本项目学制多久？',
'能否顺利毕业拿到证书呢？',
'本项目是在职还是全职？'
],
itemRight: [
'如何申请玛丽伍德工商管理硕士(MBA)学位项目？',
'大概流程是什么？',
'需要提交哪些材料？',
'玛丽伍德工商管理硕士(MBA)学位项目的学费是多少？',
'学费可以分期吗？'
]
},
textarea: ''
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.common-content-box {
width: 1200px;
margin: 0 auto;
padding-top: 77px;
.content-mian {
padding-top: 50px;
.msg-box {
padding-top: 40px;
box-sizing: border-box;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
::v-deep {
.el-textarea__inner {
background: none;
resize: none;
}
}
.btn {
width: 136px;
height: 36px;
background: #aa1941;
opacity: 1;
border-radius: 4px;
font-size: 18px;
line-height: 36px;
text-align: center;
color: #ffffff;
margin-left: 57px;
cursor: pointer;
}
}
.list-box {
display: flex;
justify-content: space-between;
ul {
&:nth-child(2) {
margin-left: 8px;
}
li {
display: flex;
align-items: center;
width: 600px;
height: 25px;
margin-bottom: 10px;
cursor: pointer;
&:nth-child(even) {
.text {
background: none;
}
}
.icon {
width: 7px;
height: 7px;
background: #aa1941;
border-radius: 50%;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 25px;
color: #666666;
padding-left: 4px;
width: 570px;
background: rgba(153, 153, 153, 0.2);
margin-left: 15px;
}
}
}
}
}
}
}
.is-h5 {
.common-content-box {
.content-mian {
.msg-box {
padding-top: 0.2rem;
box-sizing: border-box;
::v-deep {
.el-textarea__inner {
background: none;
resize: none;
}
}
input {
height: 0.29rem;
border: 0.01rem solid rgba(153, 153, 153, 0.2);
margin-top: 0.05rem;
outline: none;
width: 100%;
background: none;
padding-left: 0.2rem;
box-sizing: border-box;
font-size: 0.1rem;
color: #999999;
}
.btn {
height: 0.24rem;
background: #aa1941;
font-size: 0.12rem;
text-align: center;
color: #ffffff;
margin-top: 0.1rem;
line-height: 0.24rem;
}
}
.list-box {
ul {
li {
display: flex;
align-items: center;
padding: 0.04rem 0 0.04rem 0;
&:nth-child(even) {
.text {
background: none;
}
}
.icon {
width: 0.04rem;
height: 0.04rem;
background: #aa1941;
border-radius: 50%;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.12rem;
color: #666666;
padding-left: 0.02rem;
width: 100%;
background: rgba(153, 153, 153, 0.2);
margin-left: 0.07rem;
}
}
}
}
}
}
}
</style>
components/home/moduleTitle.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">{{ data.name }}</div>
</div>
<div v-if="data.more" class="right-text" @click="$router.push({ path: data.more.path, query: data.more.query ? data.more.query : {} })">
{{ $t('viewMore') }}
</div>
</div>
</template>
<script>
export default {
name: 'mTitle',
props: {
data: {
type: Object
}
},
data() {
return {
}
},
methods: {
goPage(item) {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
}
}
}
</script>
<style lang="scss" scoped>
.title-content{
display: flex;
height: 37px;
.left-title{
display: flex;
align-items: center;
.line{
width: 7px;
height: 37px;
background: #AA1941;
}
.text{
font-size: 32px;
font-weight: bold;
line-height: 34px;
color: #333;
margin-left: 20px;
}
}
.right-text{
margin-left: auto;
font-size: 16px;
color: #9B9B9B;
cursor: pointer;
}
}
</style>
\ No newline at end of file
components/home/news.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'" v-if="Object.keys(listData.first).length">
<div class="news-content-box">
<card :title="$t('home.news.title')" v-if="!isMobile">
<template #header-aside
><nuxt-link to="/news/hot">{{ $t('viewMore') }}</nuxt-link></template
>
<div class="content-box" v-if="Object.keys(listData.first).length">
<div class="news-left">
<app-link :data="listData.first" :to="`/news/hot/${listData.first.id}`">
<img :src="listData.first.web_img_uri + '?x-oss-process=image/resize,m_fill,h_520,w_780'" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt">{{ listData.first.abstract }}</div>
</div>
</app-link>
</div>
<ul class="news-right">
<li v-for="(item, index) in listData.list" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="news-r-title">{{ item.title }}</div>
<div class="del">{{ item.abstract }}</div>
</app-link>
</li>
</ul>
</div>
</card>
<div :title="$t('home.news.title')" v-else>
<div class="banner">
<div class="tit">最新动态</div>
<div class="more">
<nuxt-link to="/news/hot">{{ $t('viewMore') }}</nuxt-link>
</div>
</div>
<div class="content-box" v-if="Object.keys(listData.first).length">
<div class="news-left">
<app-link :data="listData.first" :to="`/news/hot/${listData.first.id}`">
<img :src="listData.first.web_img_uri" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt">{{ listData.first.abstract }}</div>
</div>
</app-link>
</div>
<ul class="news-right">
<li v-for="(item, index) in listData.list" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="news-r-title">{{ item.title }}</div>
<div class="del">{{ item.abstract }}</div>
</app-link>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'news',
components: {
Card,
AppLink
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_news_hot', page: 1, limit: 4 }
await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.data = res.data.data || []
})
},
data() {
return {
data: [],
titleParams: {
name: '最新动态',
more: {
path: '/news/hot'
}
}
}
},
computed: {
listData() {
const [first = {}, ...list] = this.data
return { first, list: list || [] }
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.news-content-box {
width: 1200px;
margin: 0 auto;
padding-top: 100px;
.content-box {
display: flex;
justify-content: space-between;
padding-top: 26px;
.news-left {
width: 780px;
height: 500px;
position: relative;
img {
width: 100%;
height: 100%;
display: block;
}
.mantle-box {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
padding: 30px 37px;
.tit {
font-size: 24px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
width: 696px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.con-txt {
width: 461px;
font-size: 14px;
line-height: 24px;
color: #ffffff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 10px;
}
}
}
.news-right {
li {
width: 366px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 19px;
margin-bottom: 30px;
cursor: pointer;
.time {
font-size: 16px;
font-weight: normal;
line-height: 100%;
color: #8e1e22;
}
.news-r-title {
font-size: 22px;
font-weight: bold;
line-height: 30px;
color: #333333;
margin-top: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.del {
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 100%;
color: #999999;
margin-top: 15px;
}
}
}
}
}
}
.is-h5 {
.news-content-box {
padding: 0.2rem 0.15rem;
.banner {
display: flex;
justify-content: space-between;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.more {
padding-top: 0.1rem;
}
.content-box {
// height: 2.18rem;
position: relative;
img {
width: 100%;
height: 100%;
display: block;
}
.news-left {
position: relative;
}
.mantle-box {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(8, 8, 8, 0.45);
padding-bottom: 0.14rem;
.con-txt {
font-size: 0.12rem;
font-weight: bold;
line-height: 0.17rem;
color: #ffffff;
padding: 0.14rem 0.32rem 0 0.19rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
.news-right {
li {
margin-top: 0.1rem;
padding: 0.13rem 0.14rem 0.11rem 0.12rem;
background: #fff;
.time {
font-size: 0.1rem;
line-height: 100%;
color: #ab0a3d;
}
.news-r-title {
font-size: 0.14rem;
color: #333333;
margin-top: 0.1rem;
line-height: 0.21rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.del {
font-size: 0.11rem;
line-height: 0.2rem;
color: #666666;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
}
}
</style>
components/home/openClass.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<template v-if="!isMobile">
<div class="alumni-content max-width">
<card :title="$t('home.course.title')">
<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">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" />
<div class="text">{{ item.title }}</div>
</app-link>
</div>
</div>
</div>
</div>
</card>
</div>
</template>
<template v-else>
<card :title="$t('home.course.title')">
<van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<div class="case">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" class="case-pic" />
<p class="case-title">{{ item.title }}</p>
</app-link>
</div>
</van-swipe-item>
</template>
</van-swipe>
</card>
</template>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'openClass',
components: {
Card,
AppLink
},
data() {
const _this = this
return {
isScale: false,
listData: [],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 3,
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_publish_class' }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
created() {},
mounted() {},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width {
width: 1200px;
margin: 0 auto;
}
.alumni-content {
padding-top: 89px;
padding-bottom: 50px;
.title-content {
display: flex;
.left-title {
display: flex;
.line {
width: 6px;
height: 34px;
background: #aa1941;
}
.text {
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
}
.small-tit {
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-top: 12px;
}
.swiper-content {
padding-top: 37px;
// width: 100%;
.swiper-slide {
position: relative;
width: 360px;
height: 230px;
margin-top: 10px;
.text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.5);
padding: 0 20px;
box-sizing: border-box;
font-size: 20px;
color: #fefefe;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
img {
width: 100%;
height: 100%;
}
}
.swiper-slide-active {
width: 438px;
height: 246px;
margin-top: 0;
}
}
}
}
.is-h5 {
.case {
position: relative;
}
.case-pic {
display: block;
width: 100%;
// height: 1.17rem;
// object-fit: cover;
}
.case-title {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0.24rem;
padding: 0 0.1rem;
font-size: 0.1rem;
line-height: 0.24rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
}
</style>
components/home/presence.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="presence-content-box">
<card :title="$t('home.presence.title')" class="card-style">
<template #header-aside>
<nuxt-link to="/alumni/sharing">{{ $t('viewMore') }}</nuxt-link>
</template>
</card>
<div class="content-mian">
<van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" />
</app-link>
</van-swipe-item>
</template>
</van-swipe>
<div class="form-box">
<div class="title-box">
<div class="bt" v-html="$t('home.presence.tips1')"></div>
<div class="tips">{{ $t('home.presence.tips2') }}</div>
</div>
<div class="form">
<div class="li">
<el-select v-model="form.years" :placeholder="$t('home.presence.yearsholder')">
<el-option v-for="item in yearsOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-select v-model="form.degree" :placeholder="$t('home.presence.degreeholder')">
<el-option v-for="item in degreeOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-input v-model="form.name" :placeholder="$t('home.presence.nameholder')"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" :placeholder="$t('home.presence.phoneholder')"></el-input>
</div>
<div class="btn" @click="submit">{{ $t('home.presence.formBtn') }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
import { postNes } from '@/api'
export default {
name: 'presence',
components: {
Card,
AppLink
},
data() {
return {
yearsOptions: [
{
value: '0~2',
label: '0-2年'
},
{
value: '3~5',
label: '3-5年'
},
{
value: '5~10',
label: '5-10年'
},
{
value: '10+',
label: '10年及以上'
}
],
degreeOptions: [
{
value: '2',
label: '普通本科'
},
{
value: '3',
label: '本科/学士'
},
{
value: '5',
label: '硕士'
},
{
value: '7',
label: '博士'
}
],
form: {
years: '',
degree: '',
name: '',
phone: '',
project_id: process.env.projectId,
channel: 19960
},
value: '',
titleParams: {
name: this.$t('home.presence.title'),
more: {
path: '/alumni/sharing'
}
},
listData: []
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share', limit: 1 }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {
submit() {
const findNull = Object.values(this.form).findIndex(item => {
return item === ''
})
if (findNull !== -1) {
this.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(this.form.phone)) {
this.$message('手机号格式错误')
return
}
}
postNes(this.form)
.then(res => {
if (res && res.status === 200) {
this.$message({
type: 'success',
message: '提交成功'
})
} else {
this.$message.error('提交失败')
}
})
.catch(() => {})
},
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.card-style {
width: 1200px;
margin: 0 auto;
}
.presence-content-box {
padding-top: 80px;
.m-title {
width: 1200px;
margin: 0 auto;
}
.content-mian {
padding-top: 24px;
.my-swipe {
// height: 500px;
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box {
width: 1200px;
height: 540px;
margin: 80px auto 0;
background: url(https://webapp-pub.ezijing.com/project/kelley/home-ssfc-bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.title-box {
width: 592px;
height: 223px;
background: rgba(170, 25, 65, 0.63);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px;
.bt {
font-size: 48px;
font-weight: bold;
line-height: 58px;
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.tips {
font-size: 14px;
line-height: 100%;
color: #ffffff;
margin-top: 30px;
text-align: center;
}
}
.form {
width: 401px;
height: 382px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 63px 56px 56px 64px;
margin-right: 116px;
::v-deep {
.el-select {
width: 100%;
}
}
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
}
.is-h5 {
.card-width {
width: 100%;
margin: 0;
::v-deep {
.card-hd {
margin: 0.2rem 0.15rem;
}
}
}
.presence-content-box {
.my-swipe {
// height: 1.58rem;
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box {
background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-presen-bg-new1.png) center;
background-size: cover;
padding-top: 0.18rem;
box-sizing: border-box;
margin-top: 0.27rem;
padding-bottom: 0.05rem;
.title-box {
width: 3.75rem;
height: 1.2rem;
background: rgba(170, 25, 65, 0.63);
box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.07);
.bt {
text-align: center;
font-size: 0.26rem;
// font-weight: bold;
line-height: 0.31rem;
color: #ffffff;
text-align: center;
padding-top: 0.16rem;
}
.tips {
font-size: 0.1rem;
line-height: 0.12rem;
color: #ffffff;
text-align: center;
padding-top: 0.1rem;
}
}
.form {
width: 2.7rem;
background: #ffffff;
margin: 0.2rem auto;
padding: 0.25rem 0.2rem;
box-sizing: border-box;
.li {
margin-bottom: 0.2rem;
}
::v-deep {
.el-select {
width: 100%;
height: 100%;
}
}
.btn {
font-size: 0.12rem;
line-height: 0.26rem;
color: #ffffff;
background: #aa1941;
border-radius: 0.02rem;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
components/home/projectAdvantages.vue 0 → 100644
浏览文件 @ e3bfad00
<template>
<div class="max-width-center">
<card title="项目优势">
<div class="advantage-list">
<div class="advantage-item" v-for="(item, index) in listData" :key="index">
<div class="item_num">{{ index + 1 }}</div>
<div class="item_body">
<div class="item_tit">{{ item.tit }}</div>
<div class="item_con">{{ item.con }}</div>
</div>
</div>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectAdvantages',
components: { AppLink, Card },
data() {
return {
listData: [
{
tit: '1年制专升本：插班大四，获全日制本科',
con: '免语言，韩语中约70%为汉字词，韩文表音易拼读，学生无需提前具备韩语基础。国内阶段完成项目要求的韩语强化学习并通过规定的语言考核（参加紫荆韩语强化课程等同韩语Topik成绩），大二大三即可国内同步修专业衔接课，专科毕业赴韩直插大四，1年修完学分课获全日制本科学位。'
},
{
tit: '高性价比：国内+国外总费用约7万',
con: '国内、国外学习费用+生活费约7w元人民币，低成本获取全日制海外本科学历。'
},
{
tit: '申请制入学：免国内统考，审核面试录取',
con: '无需参加国内专升本统一考试；资料审核+招生官面试，通过后发放录取通知书。'
},
{
tit: '权威认证：教育部认证大学，学位可获中留服认证',
con: '韩国教育部认证国际化A级高校（全韩仅34所），学校在中国教育部涉外监管信息网可查。学生学成归国后，可向中国（教育部）留学服务中心申请学历认证，并按规定享受留学归国人员相关待遇与优惠政策。在此基础上，学生可继续申请攻读硕士学位。'
},
{
tit: '就业保障：产学结合，毕业出路广',
con: '韩国国家级LINC+产学合作示范院校，配套专属就业帮扶，毕业生就业率90.3%，稳居韩国高校第一梯队。'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.advantage-list {
margin-top: 26px;
.advantage-item {
display: flex;
align-items: flex-start;
padding: 26px 0;
border-bottom: 1px dashed #dcdcdc;
&:last-child {
border-bottom: none;
padding-bottom: 0;
}
.item_num {
flex: none;
width: 40px;
height: 40px;
margin-right: 24px;
background: #2065a0;
border-radius: 50%;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 40px;
text-align: center;
}
.item_body {
.item_tit {
font-size: 20px;
font-weight: 500;
color: #2065a0;
line-height: 1.5;
}
.item_con {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 32px;
text-align: justify;
}
}
}
}
}
.is-h5 {
.advantage-list {
margin-top: 0.17rem;
.advantage-item {
display: flex;
align-items: flex-start;
padding: 0.16rem 0;
border-bottom: 1px dashed #dcdcdc;
&:last-child {
border-bottom: none;
}
.item_num {
flex: none;
width: 0.22rem;
height: 0.22rem;
margin-right: 0.1rem;
background: #2065a0;
border-radius: 50%;
color: #fff;
font-size: 0.12rem;
font-weight: 500;
line-height: 0.22rem;
text-align: center;
}
.item_body {
.item_tit {
font-size: 0.14rem;
font-weight: 500;
color: #2065a0;
line-height: 1.4;
}
.item_con {
margin-top: 0.05rem;
font-size: 0.12rem;
font-weight: 400;
color: #666;
line-height: 0.2rem;
text-align: justify;
}
}
}
}
}
</style>
components/home/projectPosition.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div class="service-content max-width-center">
<card title="项目简介">
<div class="desc">
<p>
该保研项目是斯蒂文斯理工学院硕士保研项目的特别录取通道。项目通过对学生的全面个性化评估，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。
</p>
<br />
<p>
该项目由斯蒂文斯理工学院硕士保研项目中国招生与教学中心（清控紫荆教育）全权负责运营，详情请见斯蒂文斯理工学院官网项目说明：<a
href="https://www.stevens.edu/page-basic/zijing-partnership"
target="_blank"
>https://www.stevens.edu/page-basic/zijing-partnership</a
>
</p>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: { AppLink, Card },
data() {
return {}
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width-center {
width: 1200px;
margin: 0 auto;
padding-top: 65px;
}
.desc-img {
float: right;
margin-left: 40px;
margin-top: -60px;
}
.desc {
text-align: justify;
padding: 28px 0;
p {
font-size: 18px;
color: #666;
line-height: 36px;
}
}
.remark {
text-align: left;
font-size: 20px;
line-height: 30px;
color: #666666;
padding: 28px 30px 0 30px;
font-weight: 400;
}
}
.is-h5 {
.desc-img {
max-width: 100%;
margin-bottom: 20px;
}
.desc {
text-align: justify;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.2rem;
color: #666666;
}
.remark {
text-align: left;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.2rem;
color: #666666;
}
}
</style>
components/home/projectFeatures.vue → components/home/schoolFeatures.vue
浏览文件 @ e3bfad00
<template>
<div class="max-width-center">
<card :title="$t('home.project.title')">
<card title="学校优势">
<div class="card-list">
<div class="card-item" v-for="(item, index) in listData" :key="index">
<div class="item_media">
......@@ -8,7 +8,7 @@
</div>
<div class="item_desc">
<div class="item_desc_tit">{{ item.item_desc_tit }}</div>
<div class="item_desc_con" v-html="item.item_desc_con"></div>
<div class="item_desc_con">{{ item.item_desc_con }}</div>
</div>
</div>
</div>
......@@ -20,41 +20,46 @@
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
name: 'schoolFeatures',
components: { AppLink, Card },
data() {
return {
listData: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_1.png',
item_desc_tit: '全美四大理工之一',
item_desc_con: '与麻省理工、加州理工等并称为<br/>全美四大理工学院'
web_img_uri: '/woosuk/advantages/1.jpg',
item_desc_tit: '中韩两国官方权威认可',
item_desc_con:
'中国教育部教育涉外监管信息网正规备案认证高校（代码可查），学历受中国教育部留学服务中心正规认证；同时获中国教育部批准举办中外合作办学项目。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_3.png',
item_desc_tit: '专业全美TOP10',
item_desc_con: 'STEM学科排名前5<br/>全美在线工程管理硕士排名第9<br/>全美大学最高薪酬排名第7'
web_img_uri: '/woosuk/advantages/2.jpg',
item_desc_tit: '区域问题解决型教育模式（RISE）',
item_desc_con:
'又石大学通过RISE项目构建“区域问题解决型教育模式”，在全国RISE成果共享论坛会上被评价为可推广的成功案例，并成为地方大学参与区域创新的代表性模式。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_2.png',
item_desc_tit: '师资雄厚',
item_desc_con: '2位诺贝尔奖得主<br/>科学管理之父泰勒'
web_img_uri: '/woosuk/advantages/3.jpg',
item_desc_tit: '韩国教育部“A级最优秀大学”',
item_desc_con:
'在韩国教育部大学结构改革评估中摘得最高等级“A级”（全韩数百所高校中仅34所获此殊荣）；获评韩国教育部“外国留学生国际化认证大学”及“大学创新支持事业A等级大学”。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_4.png',
item_desc_tit: '校方直录',
item_desc_con: '点对点直录<br/>硕士学分国内提前修'
web_img_uri: '/woosuk/advantages/4.jpg',
item_desc_tit: '稳居韩国高校综合排名前列',
item_desc_con:
'在EduRank、uniRank等国际权威高校排名中，又石大学稳居韩国高校百强（第70-80位区），在产学研融合、教育服务及留学生满意度等指标中均名列前茅。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_5.png',
item_desc_tit: '免标准化考试',
item_desc_con: '校方考试替代托福、GRE'
web_img_uri: '/woosuk/advantages/5.jpg',
item_desc_tit: '顶尖师资与产业化教学',
item_desc_con:
'学校拥有一支国际化背景浓厚的教授团队，博士生导师及产业实务专家占比极高；依托韩国国家级“产学合作示范项目（LINC+）”，建立起“教学-实践-就业”全链条人才培养模式。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_6.png',
item_desc_tit: '精英辈出',
web_img_uri: '/woosuk/advantages/6.jpg',
item_desc_tit: '90.3% 超高就业率领跑全韩',
item_desc_con:
'美国通用汽车公司联合创始人<br/>Charles Stewart Mott<br/>厄瓜多尔总统Leon Febres Cordero<br/>Email访问协议发明者Mark Crispin<br/>LG显示器执行总裁Sang-Beom Han等'
'依托独创的“一站式就业援助体系”与深厚的企业合作网络，毕业生就业率高达90.3%，持续领跑韩国综合性大学第一梯队，真正实现“毕业即高质量就业”。'
}
]
}
......@@ -70,39 +75,43 @@ export default {
margin-top: 26px;
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 30px;
row-gap: 40px;
column-gap: 30px;
.card-item {
height: 280px;
position: relative;
display: flex;
flex-direction: column;
.item_media {
width: 100%;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
img {
transition: 0.3s;
width: 100%;
height: 100%;
display: block;
}
&:hover img {
transform: scale(1.03);
}
.item_desc {
position: absolute;
top: 70px;
right: 35px;
text-align: right;
}
.item_desc {
margin-top: 18px;
text-align: left;
.item_desc_tit {
display: inline-block;
padding-bottom: 10px;
font-size: 20px;
font-weight: 500;
color: #aa1941;
line-height: 1;
border-bottom: 1px solid #aa1941;
color: #2065a0;
line-height: 1.4;
}
.item_desc_con {
margin-top: 20px;
font-size: 16px;
margin-top: 10px;
font-size: 15px;
font-weight: 400;
color: #424242;
line-height: 32px;
color: #666;
line-height: 28px;
text-align: justify;
}
}
}
}
......@@ -116,69 +125,36 @@ export default {
.card-list {
overflow-x: auto;
position: relative;
margin-top: 17px;
margin-top: 0.17rem;
display: flex;
// justify-content: space-around;
.card-item {
margin-right: 10px;
flex: 0 0 1.93rem;
height: 2.75rem;
overflow: hidden;
position: relative;
flex: 0 0 2.6rem;
margin-right: 0.1rem;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 0.04rem;
overflow: hidden;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
}
}
.item_desc {
position: absolute;
left: 0;
top: 1.1rem;
width: 100%;
height: 2rem;
// background-color: #ededed;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 0.1rem 0.1rem 0.4rem;
// transform-origin: bottom;
margin-top: 0.12rem;
.item_desc_tit {
font-size: 0.16rem;
font-size: 0.14rem;
font-weight: 500;
color: #fff;
line-height: 0.3rem;
width: 100%;
text-align: center;
white-space: nowrap;
color: #2065a0;
line-height: 1.4;
}
.item_desc_con {
font-size: 0.12rem;
margin-top: 0.06rem;
font-size: 0.11rem;
font-weight: 400;
color: #fff;
margin-top: 0.2rem;
line-height: 0.24rem;
color: #666;
line-height: 0.2rem;
text-align: justify;
margin: auto;
}
}
}
......
components/home/schoolIntroduce.vue
浏览文件 @ e3bfad00
<template>
<div class="service-content max-width-center">
<card title="学校简介">
<template #header-aside>
<nuxt-link to="/school/school">{{ $t('viewMore') }}</nuxt-link>
</template>
<div class="desc">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/school_desc.png" class="desc-img" />
<p>
斯蒂文斯理工学院创办于1870年，和麻省理工、加州理工、伦斯勒理工学院并称为美国四大理工学院，是美国历史最为悠久的理工学院之一。学校坐落于纽约大都会区新泽西州霍博肯市（Hoboken,
New Jersey），与曼哈顿岛隔河相望，是世界上地理位置最佳的学校之一。
</p>
<img src="/woosuk/woosuk-mark.png" class="desc-img" />
<p class="award">在全国高校评估中被评为韩国最优秀大学(A级)，韩国教育部主持的最权威的评估。</p>
<br />
<p>
斯蒂文斯理工学院是一所在美国的教育和研究领域中位居前沿的理工类大学，长年位列U.S. News & World
Report全美Top100。该校的教授和学者在自然科学及管理科学领域享有盛誉，培养了诺贝尔物理学奖得主费瑞得瑞恩(Frederick
Reines)、诺贝尔化学奖得主欧文朗缪尔（Irving Langmuir）、现代管理学之父弗雷德里克泰勒（Frederick Winslow
Taylor）以及甘特图的发明者亨利甘特（Henry Laurence
Gantt）等杰出人才。该校毕业生享有极高声誉，在NACE全美大学最高薪酬排行中位列第7位，在二十年投资回报比中位列第三位，USA
Today将其评选为全美最佳七所工程学院之一。
又石大学位于韩国最负盛名的历史文化名城全州市。学校拥有悠久的校史和雄厚的底蕴，以卓越的师资团队为核心，发展成为了大韩民国最具代表性的名牌大学之一。现有两大校区，主校区坐落于全罗北道的首府全州市，第二校区位于首尔南部镇川市。学校在诸多领域引领着亚洲发展，就业率、国际化、科研转化等各项指标在全国名列前茅。又石大学在韩国高等教育方面发挥着重要作用，是促进韩国社会进步的重要角色。韩国总理、外交部长、环境交通部长等诸多韩国领导人多次莅临又石大学进行访问，肯定了又石大学所做出的突出贡献。
</p>
</div>
</card>
......@@ -24,7 +19,7 @@
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
name: 'schoolIntroduce',
components: { AppLink, Card },
data() {
return {}
......@@ -42,7 +37,7 @@ export default {
.desc-img {
float: right;
margin-left: 40px;
margin-top: -60px;
margin-top: -20px;
}
.desc {
text-align: justify;
......@@ -52,20 +47,18 @@ export default {
color: #666;
line-height: 36px;
}
}
.remark {
text-align: left;
.award {
font-size: 20px;
line-height: 30px;
color: #666666;
padding: 28px 30px 0 30px;
font-weight: 400;
font-weight: 500;
color: #2065a0;
}
}
}
.is-h5 {
.desc-img {
max-width: 100%;
margin-bottom: 20px;
display: block;
max-width: 1.5rem;
margin: 0 0 0.1rem auto;
}
.desc {
text-align: justify;
......@@ -73,13 +66,12 @@ export default {
font-weight: 400;
line-height: 0.2rem;
color: #666666;
.award {
font-size: 0.14rem;
font-weight: 500;
color: #2065a0;
line-height: 0.24rem;
}
.remark {
text-align: left;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.2rem;
color: #666666;
}
}
</style>
components/home/schoolRanking.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div>
<img class="info" v-if="isMobile" src="https://webapp-pub.ezijing.com/project/marywood/rzxx-mary.png" />
<div v-else class="info-content-box">
<div class="title">
<div class="line"></div>
<div class="name">认证信息</div>
<div class="line"></div>
</div>
<ul class="content-mian">
<li v-for="(item, index) in data" :key="index">
<div class="logo">
<img :src="item.img" class="img" />
</div>
<img :src="item.text" class="text" />
</li>
</ul>
</div>
</div>
</template>
<script>
export default {
name: 'schoolRanking',
data() {
return {
data: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t1.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t2.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t3.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t4.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t5.png'
}
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.info {
width: 100%;
display: block;
}
.info-content-box {
min-width: 1200px;
padding-bottom: 150px;
margin-top: 100px;
width: 100%;
background: rgb(163, 0, 22);
.title {
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 118px 0 119px;
.line {
width: 369px;
height: 1px;
background: #ffffff;
}
.name {
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
}
.content-mian {
width: 1014px;
margin: 0 auto;
display: flex;
li {
width: 190px;
height: 229px;
background: #fff;
border-radius: 20px;
margin-left: 16px;
&:nth-child(1) {
margin-left: 0;
}
&:nth-child(1) {
.img {
width: 81px;
height: 66px;
}
.text {
width: 148px;
height: 69px;
}
}
&:nth-child(2) {
.img {
width: 152px;
height: 61px;
}
.text {
width: 184px;
height: 69px;
}
}
&:nth-child(3) {
.img {
width: 79px;
height: 82px;
}
.text {
width: 172px;
height: 65px;
}
}
&:nth-child(4) {
.img {
width: 72px;
height: 91px;
}
.text {
width: 166px;
height: 69px;
}
}
&:nth-child(5) {
.img {
width: 84px;
height: 84px;
}
.text {
width: 134px;
height: 67px;
}
}
.logo {
height: 91px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 22px;
margin-bottom: 27px;
.img {
display: block;
}
}
.text {
display: block;
margin: 0 auto;
}
}
}
}
</style>
components/home/schoolSenery.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="main-content">
<div class="tit" v-if="isMobile">合作院校</div>
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marwood_senery11.png" />
<div class="title" v-if="!isMobile">
<div class="line1"></div>
<div class="name">合作院校</div>
<div class="line2"></div>
</div>
<img
class="part"
src="https://webapp-pub.ezijing.com/project/marywood/marwood_senery3.png"
@click="$router.push('/school/school3')"
/>
</div>
</div>
</template>
<script>
export default {
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.main-content {
margin-top: 65px;
position: relative;
width: 100%;
.img1 {
width: 100%;
height: 100%;
}
.title {
font-size: 36px;
font-weight: bold;
line-height: 65px;
color: #ffffff;
position: absolute;
top: 108px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
.line1 {
width: 369px;
height: 1px;
border: 1px solid #ffffff;
}
.name {
width: 144px;
margin-top: -25px;
margin-left: 72px;
margin-right: 72px;
}
.line2 {
width: 369px;
height: 1px;
border: 1px solid #ffffff;
}
}
.part {
position: absolute;
bottom: 96px;
left: 50%;
transform: translateX(-50%);
}
}
}
.is-h5 {
.main-content {
position: relative;
padding: 0 0.3rem 0 0.3rem;
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.img1 {
width: 100%;
height: 100%;
margin-top: 0.01rem;
}
}
.part {
width: 1rem;
height: 0.6rem;
position: absolute;
top: 55%;
left: 50%;
transform: translateX(-50%);
}
}
</style>
components/layout/h5/Footer.vue
浏览文件 @ e3bfad00
......@@ -4,23 +4,23 @@
<div class="link">
<div class="link-left link-con">
<div class="tit"><a href="/about/school">项目介绍</a></div>
<!-- <div class="tit"><a href="/question/question">常见问题</a></div> -->
<!-- <div class="tit"><a href="https://h5.ezijing.com" target="_blank">清控紫荆教育</a></div> -->
<div class="tit"><a href="/school/school">学校介绍</a></div>
</div>
<div class="line"></div>
<div class="link-center link-con">
<div class="tit"><a href="/enroll/apply">申请条件</a></div>
<!-- <div class="tit"><a href="/school/school3">院校介绍</a></div>
<div class="tit"><a href="/">工程管理硕士保研</a></div> -->
<div class="tit"><a href="/enroll/process">报名流程</a></div>
</div>
<div class="line"></div>
<div class="link-right link-con">
<div class="tit"><a href="/my/account">报名系统</a></div>
<!-- <div class="tit"><a href="/dataDownload/dataDownload">资料下载</a></div>
<div class="tit"><a href="/returnPolicy/returnPolicy">归国政策</a></div> -->
<div class="tit"><a href="/dataDownload/dataDownload">资料下载</a></div>
</div>
</div>
<div class="about">
<div class="about-item">
<label>韩国又石大学国际学院（清控紫荆教育）</label>
</div>
<div class="about-item">
<label>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</label>
<p>北京市海淀区北四环西路52号方正国际大厦5层501</p>
......@@ -29,58 +29,24 @@
<label>联系电话：</label>
<p>010-62790329</p>
</div>
<div class="about-item">
<label>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
<p><a href="mailto:admission_SIT@ezijing.com ">admission_SIT@ezijing.com </a></p>
</div>
</div>
<!-- <div class="link">
<template v-for="(item, index) in link">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template>
</div>
<div class="friendlink">
友情链接：
<template v-for="(item, index) in link2">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template>
</div>
</div>
<div class="copyright">
<p>Copyright @ 2017 Zijing Education. All rights reserved.</p>
<p>京ICP证150431号 <img src="~/assets/images/icon_jinghui.png" height="12" />京公网安备 11010802023681号</p>
<p>清控紫荆（北京）教育科技股份有限公司</p> -->
<p>清控紫荆（北京）教育科技股份有限公司</p>
</div>
</footer>
</template>
<script>
export default {
data() {
return {
link: [
{ title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link3'), href: 'http://www.marywood.edu/business/graduate/zijing-marywood-mba.html' },
{ title: this.$t('foot.link4'), href: 'https://www.msche.org/institution/0531/' },
{ title: this.$t('foot.link5'), href: 'https://www.ezijing.com/' }
],
link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
{ title: '中国涉外监管网', href: 'http://jsj.moe.gov.cn/' },
{ title: '中国银行协会', href: 'https://www.china-cba.net/' },
{ title: '中国证券投资基金业协会', href: 'https://www.amac.org.cn/' }
]
}
}
}
export default {}
</script>
<style lang="scss">
.main-footer {
.top {
color: #fff;
background-color: #aa1941;
background-color: #2065a0;
padding: 0.24rem 0.15rem;
.link {
display: flex;
......@@ -103,6 +69,9 @@ export default {
line-height: 0.2rem;
font-weight: 300;
color: #ededed;
a {
color: #ededed;
}
}
}
}
......@@ -117,5 +86,15 @@ export default {
}
}
}
.copyright {
background: #fff;
text-align: center;
padding: 0.15rem 0;
p {
font-size: 0.1rem;
color: #999;
line-height: 0.18rem;
}
}
}
</style>
components/layout/h5/Header.vue
浏览文件 @ e3bfad00
......@@ -3,11 +3,10 @@
<header class="main-header">
<template v-if="!searchVisible">
<div class="logo-box">
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/sit-plus/logo.png" />
<img @click="goWebsite" src="/woosuk/logo.png" />
<div class="line"></div>
<nuxt-link to="/" class="logo">
<div class="title">斯蒂文斯理工学院硕士保研项目</div>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
<div class="title">韩国又石大学专升本项目</div>
</nuxt-link>
</div>
<!-- <nuxt-link to="/" class="logo"></nuxt-link> -->
......@@ -89,7 +88,7 @@ export default {
align-items: center;
padding: 0.16rem 0.15rem 0.2rem;
background-color: #fff;
border-top: 0.05rem solid #aa1941;
border-top: 0.05rem solid #2065a0;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14);
.logo {
flex: 1;
......@@ -104,7 +103,7 @@ export default {
display: block;
}
.line {
border-right: 0.01rem solid #aa1941;
border-right: 0.01rem solid #2065a0;
height: 0.14rem;
margin: 0.05rem 0.2rem 0;
}
......@@ -112,7 +111,7 @@ export default {
font-size: 0.14rem;
font-weight: 500;
line-height: 0.22rem;
color: #aa1941;
color: #2065a0;
padding-top: 0.02rem;
box-sizing: border-box;
}
......
components/layout/pc/Foot.vue
浏览文件 @ e3bfad00
......@@ -4,46 +4,33 @@
<div class="foot-content">
<div class="left-content">
<div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/logo_white.png" />
<h1>斯蒂文斯理工学院硕士保研项目</h1>
<img src="/woosuk/footer-logo.png" />
<h1>韩国又石大学专升本项目</h1>
</div>
<div class="bottom">
<div class="bottom_left con">
<a href="/about/school">项目介绍</a>
<!-- <a href="/school/school3">院校介绍</a> -->
<!-- <a href="/question/question">常见问题</a> -->
<!-- <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> -->
<a href="/school/school">学校介绍</a>
</div>
<div class="line"></div>
<div class="bottom_center con">
<a href="/enroll/apply">申请条件</a>
<!-- <a href="/">工程管理硕士保研</a> -->
<!-- <a href="/about/teacher">师资力量</a> -->
<!-- <a href="/about/course">
项目优势
</a>-->
<a href="/enroll/process">报名流程</a>
</div>
<div class="line"></div>
<div class="bottom_bottom con">
<a href="/my/account">报名系统</a>
<!-- <a href="/dataDownload/dataDownload">资料下载</a> -->
<!-- <a href="/returnPolicy/returnPolicy">归国政策</a> -->
<a href="/dataDownload/dataDownload">资料下载</a>
</div>
</div>
</div>
<div class="center-content">
<div class="contact">斯蒂文斯理工学院硕士保研项目</div>
<div class="contact">中国招生与教学中心（清控紫荆教育）</div>
<div class="contact">韩国又石大学专升本项目</div>
<div class="contact">韩国又石大学国际学院（清控紫荆教育）</div>
<div class="bottom">
<div class="address" v-html="$t('foot.address')"></div>
<div class="phone" v-html="$t('foot.contact')"></div>
<a class="mail" href="mailto:admission_SIT@ezijing.com"
>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：admission_SIT@ezijing.com
</a>
<!-- <div class="mail" v-html="$t('foot.email')"></div> -->
</div>
</div>
<div class="right-content">
......@@ -54,9 +41,6 @@
</div>
</div>
</div>
<!-- <div class="links">
友情链接：中国人民银行 中国涉外监管网 中国银行协会 中国证券投资基金业协会
</div> -->
</div>
<div class="copyright" style="height: 40px; line-height: 40px; color: rgba(153, 153, 153, 1); background: #fff">
<div class="inner" style="width: 100%; justify-content: center; display: flex">
......@@ -101,7 +85,7 @@ export default {}
<style lang="scss" scoped>
.foot-mian {
width: 100%;
background: rgba(170, 25, 65, 1);
background: rgba(32, 101, 160, 1);
.links {
padding-top: 12px;
font-size: 14px;
......@@ -118,12 +102,11 @@ export default {}
margin: 0 auto;
}
.foot-content {
// height: 300px;
display: flex;
.left-content {
display: flex;
flex-direction: column;
width: 457px;
width: 500px;
.bottom {
margin-top: 42px;
display: flex;
......@@ -135,17 +118,15 @@ export default {}
}
.line {
width: 0px;
// height: 110px;
border-right: 0.6px solid #cc9d9d;
opacity: 0.7;
margin: 4px 53px 0 39px;
margin: 4px 39px 0 39px;
}
a {
opacity: 0.7;
color: #ededed;
font-size: 14px;
line-height: 30px;
// letter-spacing: 3px;
}
}
}
......@@ -196,8 +177,8 @@ export default {}
align-items: center;
height: 50px;
img {
margin-top: -40px;
height: 125px;
height: 60px;
margin-top: -30px;
}
h1 {
margin-left: 14px;
......
components/layout/pc/Head.vue
浏览文件 @ e3bfad00
......@@ -7,12 +7,11 @@
<img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
</nuxt-link> -->
<div class="logo-box">
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/sit-plus/logo.png" />
<img @click="goWebsite" src="/woosuk/logo.png" />
<div class="line"></div>
<nuxt-link to="/">
<div class="title">斯蒂文斯理工学院硕士保研项目</div>
<div class="title">韩国又石大学专升本项目</div>
</nuxt-link>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</div>
<div class="user" v-if="user.id">
......@@ -93,7 +92,7 @@ li {
background: #fff;
.color-bar {
height: 10px;
background: #aa1941;
background: #2065a0;
}
.head-top-content {
// width: 1200px;
......@@ -117,7 +116,7 @@ li {
display: block;
}
.line {
border-right: 1px solid #aa1941;
border-right: 1px solid #2065a0;
height: 26px;
width: 0;
margin: 0 20px;
......@@ -125,7 +124,7 @@ li {
.title {
font-size: 30px;
font-weight: 500;
color: #aa1941;
color: #2065a0;
box-sizing: border-box;
white-space: nowrap;
word-wrap: normal;
......@@ -163,7 +162,7 @@ li {
border: 1px solid #eaeaea;
}
.register {
background: #aa1941;
background: #2065a0;
color: #fff;
}
}
......
components/layout/pc/Menu.vue
浏览文件 @ e3bfad00
......@@ -54,13 +54,7 @@ export default {
// 项目介绍
{
name: this.$t('menu.project'),
path: '/about/school',
children: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
]
path: '/about/school'
},
// 项目优势
// {
......@@ -102,16 +96,6 @@ export default {
name: this.$t('menu.dataDownload'),
path: '/dataDownload/dataDownload'
},
// 归国政策
{
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
{ name: '高薪就业', path: '/returnPolicy/salary' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: '归国政策', path: '/returnPolicy/returnPolicy' }
]
},
// 常见问题
// {
// name: this.$t('menu.question'),
......@@ -194,20 +178,20 @@ export default {
}
&.active {
font-weight: 500;
color: #aa1941;
color: #2065a0;
a {
// font-weight: 500;
color: #aa1941;
color: #2065a0;
}
}
}
&:hover {
.name {
color: #aa1941;
color: #2065a0;
font-weight: 500;
a {
// font-weight: 500;
color: #aa1941;
color: #2065a0;
}
}
.child-item {
......@@ -226,7 +210,7 @@ export default {
z-index: 999;
.one-level {
padding: 36px 24px 0;
border-top: 4px solid rgba(170, 25, 65, 1);
border-top: 4px solid rgba(32, 101, 160, 1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
display: none;
.li {
......@@ -235,7 +219,7 @@ export default {
justify-content: space-between;
&.active {
.name {
color: rgba(170, 25, 65, 1);
color: rgba(32, 101, 160, 1);
}
}
.name {
......@@ -255,13 +239,13 @@ export default {
}
&:hover {
.name {
color: rgba(170, 25, 65, 1);
color: rgba(32, 101, 160, 1);
a {
color: rgba(170, 25, 65, 1);
color: rgba(32, 101, 160, 1);
}
}
.el-icon-arrow-right {
color: rgba(170, 25, 65, 1);
color: rgba(32, 101, 160, 1);
}
}
}
......@@ -277,7 +261,7 @@ export default {
margin-bottom: 36px;
white-space: nowrap;
&:hover {
color: rgba(170, 25, 65, 1);
color: rgba(32, 101, 160, 1);
}
a {
font-size: 16px;
......
components/news/newsItem.vue
浏览文件 @ e3bfad00
......@@ -86,7 +86,7 @@ export default {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
color: #2065a0;
padding-top: 13px;
}
.title {
......
components/recommend.vue
浏览文件 @ e3bfad00
......@@ -63,7 +63,7 @@ export default {
.line {
width: 6px;
height: 22px;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 22px;
......
components/rightAside.vue
浏览文件 @ e3bfad00
......@@ -14,8 +14,6 @@
>
<p>{{ $t('aside.apply2') }}</p>
</li> -->
<div class="line"></div>
<li
:class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }"
@mouseenter="handleMsOver('wx')"
......@@ -89,7 +87,7 @@ export default {
formInfo: {
name: '',
phone: '',
newProjectId: '1020',
newProjectId: '1042',
},
projectList: [
{ label: '金融工商管理硕士', value: '1000' },
......@@ -100,7 +98,7 @@ export default {
{ label: '中国未来金融领袖计划', value: '1007' },
{ label: '国际硕士', value: '1016' },
{ label: '金融学硕士保研项目', value: '1018' },
{ label: '斯蒂文斯理工学院硕士保研项目', value: '1020' },
{ label: '韩国又石大学专升本项目', value: '1042' },
],
}
},
......
components/tab.vue
浏览文件 @ e3bfad00
......@@ -59,12 +59,12 @@ export default {
margin: 0;
}
&.active {
color: rgba(170, 25, 65, 1);
color: rgba(32, 101, 160, 1);
&::after {
content: '';
width: 8px;
height: 40px;
background: rgba(170, 25, 65, 1);
background: rgba(32, 101, 160, 1);
position: absolute;
top: 0;
left: 0;
......
langs/en-US.js
浏览文件 @ e3bfad00
......@@ -87,7 +87,7 @@ export default {
// 底部
foot: {
address: '地&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区北四环西路52号方正国际大厦5层501',
contact: '联系电话：010-62790329 &nbsp;&nbsp; 13522642018',
contact: 'Tel: 010-62790329',
email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com',
link1: '中国教育部',
link2: '教育涉外监管信息网',
......
langs/zh-CN.js
浏览文件 @ e3bfad00
......@@ -12,7 +12,6 @@ export default {
academic: '学历认证',
enroll: '报名流程',
dataDownload: '资料下载',
returnPolicy: '归国政策',
question: '常见问题',
apply: '报名申请',
projectChild: {
......@@ -28,12 +27,12 @@ export default {
schoolChild: {
school1: '斯蒂文斯理工学院',
school2: '纽约州立大学石溪分校',
school3: '斯蒂文斯理工学院',
school3: '又石大学',
},
enrollChild: {
process: '报名流程',
brochure: '招生简章',
apply: '申请条件',
apply: '录取条件',
},
recruitChild: {
apply: '有关申请',
......@@ -111,7 +110,7 @@ export default {
// 底部
foot: {
address: '地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区北四环西路52号方正国际大厦5层501',
contact: '联系电话：010-62790329 &nbsp;&nbsp; 13522642018',
contact: '咨询电话：010-62790329',
email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱：liuxue@ezijing.com',
link1: '中国教育部',
link2: '教育涉外监管信息网',
......@@ -122,42 +121,39 @@ export default {
},
// 项目背景
bg: {
tabBtn1: '紫荆教育',
tabBtn2: '玛丽伍德大学',
tabBtn3: '联合办学背景',
con1Txt: `紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。`,
con1ItemT1: '国际合作院校',
con1ItemT2: '线上课程',
con1ItemT3: '金融机构/协会/政府/学校',
con1ItemT4: '国内外师资团队',
con1ItemT5: '学术直播课',
con1ItemT6: '总研发课时',
con1ItemT7: '学位学员',
con1ItemT8: '人次学习',
unit1: '所',
unit2: '门',
unit3: '万',
con2Txt: `美国玛丽伍德大学（Marywood University）办于1915年，有超过100年的历史。学校位于宾夕法尼亚州斯克兰顿市，占地700亩。学校地理位置优越，距离美国金融中心纽约和美国最古老城市之一的费城均约2小时车程。玛丽伍德大学是一所拥有128名全职教授、超过 3,000 名在校学生的综合性大学，大学设置超过100个本科、硕士及博士专业。<br />
玛丽伍德大学服务来自各种学习背景的学生，并且率先通过对道德的推动来丰富人生，为学生全面发展并掌握专业技能和领导能力创建一套体系化的教育系统。`,
con3Txt: `紫荆－玛丽伍德工商管理硕士（MBA）项目是清华控股紫荆教育与玛丽伍德大学联合培养的非全日制MBA项目，依托清控紫荆教育和玛丽伍德大学丰厚的教学资源，放眼全球、结合中国国情，倾力打造融汇中外“创新思维+商业智能+信息时代的领导力”理论与最新实践的前沿人才培育体系，志在培养立足中国本土实践、兼具国际视野的复合型管理人才。<br />
玛丽伍德工商管理硕士(MBA)学位项目（中文项目）已获得美国教育部中部地区认证委员会认证，官网可查https://www.msche.org/institution/0531/<br />
玛丽伍德工商管理硕士(MBA)学位项目（中文项目）玛丽伍德大学官网可查：http://www.marywood.edu/business/graduate/zijing-marywood-mba.html`,
tabBtn1: '又石大学国际学院',
tabBtn2: '又石大学',
tabBtn3: '联合培养背景',
con1Txt: `韩国又石大学国际学院（清控紫荆教育）是韩国又石大学专升本项目在中国的官方招生与教学中心。清控紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成，注册资本1亿元人民币。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />
清控紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。`,
con1ItemT1: '成立至今',
con1ItemT2: '人次学习服务',
con1ItemT3: '大型央企/金融机构服务',
con1ItemT4: '合作高校',
con1ItemT5: '国家和地区',
con1ItemT6: '学位毕业生',
unit1: '年',
unit2: '万',
unit4: '所',
unit5: '个',
con2Txt: `又石大学位于韩国最负盛名的历史文化名城全州市。学校拥有悠久的校史和雄厚的底蕴，以卓越的师资团队为核心，发展成为了大韩民国最具代表性的名牌大学之一。现有两大校区，主校区坐落于全罗北道的首府全州市，第二校区位于首尔南部镇川市。学校在诸多领域引领着亚洲发展，就业率、国际化、科研转化等各项指标在全国名列前茅。<br />
在全国高校评估中被评为韩国最优秀大学(A级)，韩国教育部主持的最权威的评估；在韩国教育部大学结构改革评估中摘得最高等级“A级”（全韩数百所高校中仅34所获此殊荣）。`,
con3Txt: `韩国又石大学专升本项目由韩国又石大学国际学院（清控紫荆教育）联合培养，是国内三年制大专毕业生直升韩国又石大学大四、1年修完学分课程并获全日制本科学位的申请制升学项目。国内阶段完成韩语强化学习及专业衔接课程，专科毕业后赴韩直插大四，学成归国后可向中国（教育部）留学服务中心申请学历认证，并按规定享受留学归国人员相关待遇与优惠政策。`,
},
// 项目优势
feature: {
item1Tit: '线上线下结合灵活的授课学习方式',
item1Txt1: '线上+线下教学模式',
item1Txt2: '在职学习、无需出国、入读名校',
item1Txt3: '最短16个月拿到学位',
item2Tit: '高性价比享超高品质教学服务体验',
item2Txt1: '专业在线教育品牌',
item2Txt2: '无需联考、快速入门的学习模式',
item2Txt3: '全方位的管理课程体系',
item3Tit: '国际视野结合中国本土的实践课程',
item3Txt1: '必修课程+美国访学',
item3Txt2: '全球排名顶尖师资+中国金融业界权威专家',
item3Txt3: '多次被 U.S. News & World Report最佳大学排名多年上榜',
item1Tit: '1年制专升本：插班大四，获全日制本科',
item1Txt1: '免语言，韩语约70%为汉字词，无需提前具备韩语基础',
item1Txt2: '大二大三即可国内同步修专业衔接课',
item1Txt3: '专科毕业赴韩直插大四，1年修完学分课获全日制本科学位',
item2Tit: '高性价比：国内+国外总费用约7万',
item2Txt1: '国内、国外学习费用+生活费约7w元人民币',
item2Txt2: '低成本获取全日制海外本科学历',
item2Txt3: '学成归国可申请中留服认证',
item3Tit: '申请制入学：免国内统考，审核面试录取',
item3Txt1: '无需参加国内专升本统一考试',
item3Txt2: '资料审核+招生官面试',
item3Txt3: '通过后发放录取通知书',
},
// 证书授予
cert: {
......@@ -296,7 +292,7 @@ export default {
project6: '教育学硕士MED（儿童心理与教育）',
project7: '中国未来金融领袖计划',
project8: '国际硕士保研项目',
project9: '金融学硕士保研项目',
project9: '韩国又石大学专升本项目',
pay: '扫描关注微信公众号',
},
}
modules/letter/index.vue
浏览文件 @ e3bfad00
......@@ -9,7 +9,7 @@
</div>
</div>
</header>
<nav class="nav"><h1 class="title">斯蒂文斯理工学院硕士保研项目推荐信</h1></nav>
<nav class="nav"><h1 class="title">韩国又石大学专升本项目推荐信</h1></nav>
<section class="content">
<el-form
:model="ruleForm"
......
modules/my/account/home.vue
浏览文件 @ e3bfad00
......@@ -30,12 +30,8 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content">
<h1>欢迎您报考</h1>
<h2>斯蒂文斯理工学院</h2>
<!-- <div class="welcome-button" @click="handleStart">马上开始</div> -->
<div class="welcome-button" @click="handleStart('工程管理专业MEM')">工程管理专业MEM</div>
<div style="margin-left: 20px" class="welcome-button" @click="handleStart('人工智能与数据分析AIBA')">
人工智能与数据分析AIBA
</div>
<h2>韩国又石大学专升本项目</h2>
<div class="welcome-button" @click="handleStart">马上开始</div>
</div>
</div>
</div>
......
modules/my/application/components/qrcodePay.vue
浏览文件 @ e3bfad00
......@@ -5,7 +5,7 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div>
<h1>欢迎您</h1>
<p class="t1">申请斯蒂文斯理工学院硕士保研项目，本项目的申请费为<span>700</span>元，请扫描二维码以完成报名。</p>
<p class="t1">报考韩国又石大学专升本项目，本项目的申请费为<span>500</span>元，请扫描二维码以完成报名。</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
......
modules/my/application/form/declare.js
浏览文件 @ e3bfad00
......@@ -27,7 +27,7 @@ export default function (_this) {
values: [{ label: '同意', value: 1 }],
model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请斯蒂文斯理工学院工程管理硕士面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请韩国又石大学专升本项目面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
<p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>`
}
]
......
modules/my/application/form/info/answer.js
浏览文件 @ e3bfad00
......@@ -17,7 +17,7 @@ export default function (_this) {
const [first = {}, second = {}] = answers
return {
qid1: first.qid || '1',
question1: '您为什么要申请斯蒂文斯理工学院硕士保研项目？',
question1: '您为什么要申请韩国又石大学专升本项目？',
answer1: first.answer,
qid2: second.qid || '2',
question2: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？',
......@@ -39,7 +39,7 @@ export default function (_this) {
items: [
{
type: 'v-input',
label: '您为什么要申请斯蒂文斯理工学院硕士保研项目？（60字以上，1000字以内）',
label: '您为什么要申请韩国又石大学专升本项目？（60字以上，1000字以内）',
model: 'answer1',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
......
modules/my/interview/components/qrcodePay.vue
浏览文件 @ e3bfad00
......@@ -5,7 +5,7 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div>
<h1>欢迎您</h1>
<p class="t1">申请斯蒂文斯理工学院硕士保研项目，本项目的申请费为<span>700</span>元，请扫描二维码以完成报名。</p>
<p class="t1">报考韩国又石大学专升本项目，本项目的申请费为<span>500</span>元，请扫描二维码以完成报名。</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
......
modules/my/interview/form/form.js
浏览文件 @ e3bfad00
......@@ -32,7 +32,7 @@ export default function (_this) {
limit: 1
},
rules: [{ required: true, message: '请上传', trigger: 'change' }],
prepend: `<p>请下载填写申请表格（First Year Application Form）模板后上传 <a href="https://webapp-pub.ezijing.com/project/sit-plus/First%20Year%20Application.docx" target="_blank" download="申请表格" style="color:#aa1941;">[下载模板]</a></p>`
prepend: `<p>请下载填写申请表格模板后上传</p>`
}
]
}
......
modules/my/review/components/qrcodePay.vue
浏览文件 @ e3bfad00
......@@ -5,7 +5,7 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div>
<h1>欢迎您</h1>
<p class="t1">申请斯蒂文斯理工学院硕士保研项目，需缴纳留位费<span>20000</span>元，请扫描二维码以完成缴费。</p>
<p class="t1">报考韩国又石大学专升本项目，需缴纳留位费<span>20000</span>元，请扫描二维码以完成缴费。</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
......
modules/my/welcome/indexPay.vue
浏览文件 @ e3bfad00
......@@ -4,7 +4,7 @@
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">
欢迎您申请斯蒂文斯理工学院工程管理硕士<br />
欢迎您报考韩国又石大学专升本项目<br />
申请流程：①支付申请费②填写报名资料并提供相关材料（身份证扫描件、毕业证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办
理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还
</p>
......
modules/my/welcome/indexWelcome.vue
浏览文件 @ e3bfad00
......@@ -6,8 +6,8 @@
</div>
<h1>欢迎您</h1>
<p class="t1">
申请斯蒂文斯理工学院硕士保研项目，请在填写以下内容并<br />
提交报名申请后，扫码支付本项目的申请费共计<span>700</span>元。
报考韩国又石大学专升本项目，请在填写以下内容并<br />
提交报名申请后，扫码支付本项目的申请费共计<span>500</span>元。
</p>
</div>
<div class="form">
......
nuxt.config.js
浏览文件 @ e3bfad00
......@@ -17,21 +17,21 @@ export default {
}),
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: '斯蒂文斯理工学院硕士保研项目',
title: '韩国又石大学专升本项目',
htmlAttrs: {
lang: 'en',
lang: 'zh-CN',
},
meta: [
{ charset: 'utf-8' },
{ hid: 'viewport', name: 'viewport', content: 'width=device-width, initial-scale=1' },
{
name: 'keywords',
content: '国际留学,美国留学,留学，预科留学，硕士留学，留学保研项目',
content: '韩国留学,专升本,又石大学,韩国专升本,留学',
},
{
name: 'description',
content:
'斯蒂文斯理工学院创办于1870年，和麻省理工、加州理工、伦斯勒理工学院并称为美国四大理工学院，是美国历史最为悠久的理工学院之一。斯蒂文斯理工学院是一所在美国的教育和研究领域中位居前沿的理工类大学，长年位列U.S. News & World Report全美Top100。斯蒂文斯理工学院下设四大学院，提供35个本科、58个硕士及20个博士学位专业。',
'韩国又石大学专升本项目：1年制专升本，插班大四获全日制本科学位，免语言、免国内统考，申请制入学，教育部认证大学，学位可获中留服认证。又石大学在全国高校评估中被评为韩国最优秀大学(A级)。',
},
],
link: [
......
pages/about/school.vue
浏览文件 @ e3bfad00
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/sit-plus/school_banner.png" />
<img class="img_banner" src="/woosuk/project-banner.jpg" />
</div>
<!-- 项目优势 -->
<section class="section">
<h2 class="title">项目介绍</h2>
<div class="content_list">
<p>
该保研项目是斯蒂文斯理工学院硕士保研项目的特别录取通道。项目通过对学生的全面个性化评估，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。
</p>
<br />
<p>
该项目由斯蒂文斯理工学院硕士保研项目中国招生与教育中心（清控紫荆教育）全权负责运营，详情请见斯蒂文斯理工学院官网项目说明：<a
href="https://www.stevens.edu/zijingpartnership"
style="color: #aa1941"
>https://www.stevens.edu/zijingpartnership</a
>
</p>
</div>
</section>
<!-- 专业介绍 -->
<div class="content_part">
<div class="img-box" style="height: 600px">
<img class="img2" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img2.png" />
<h2 class="title">项目优势</h2>
<div class="advantage_list">
<div class="advantage_item" v-for="(item, index) in advantageList" :key="index">
<div class="item_num">{{ index + 1 }}</div>
<div class="item_body">
<div class="item_tit">{{ item.tit }}</div>
<div class="item_con">{{ item.con }}</div>
</div>
<div class="content_desc">
<h2 class="desc_title">培养目标</h2>
<div class="desc_intro">
<strong>工程管理（MEM）</strong><br />
工程管理硕士（MEM）全称是Master of Engineering in Engineering Management，属于美国STEM大类方向较新的专业。一
般来说是工程学院和商学院共同开设的交叉学科专业，旨在培养科技创新型企业管理层和核心员工。斯蒂文斯理工学院工程管
理硕士毕业学生通常在宝马、IBM等全球知名科技创新企业做技术管理工作，或是在高盛等投行、咨询公司任职。特别适合本
科为工科，将来有志于从事技术管理或者金融行业的同学。工程管理硕士毕业生2023就业率98%，平均年薪8.5W美元，详见
SIT官网数据： https://www.stevens.edu/program/engineering-management-masters
<br />
<strong>商业分析与人工智能（BIA）</strong>
<br />商业分析与人工智能（BIA）硕士是专为培养学生商业战略、高级分析和人工智能专
业知识而设立的研究生课程。课程融合了前沿分析技术与专业技能，涵盖机器学习、自然语言处理和生成式AI
人工智能等核心领域。不仅深入探讨关键商业概念，还突破了R、SAS、Hadoop、Python和Spark等工具的基
础应用，直击高级实战技巧，助力学生驾驭包括但不限于金融、医疗保健、市场营销和供应链管理等关键商业领
域中人工智能的复杂性。斯蒂文斯BIA项目毕业生广受行业青睐，毕业生通常在亚马逊、贝莱德、CapitalOne、
卡特彼勒、摩根大通、沃特斯集团任职，就业前景广阔。商业分析与人工智能硕士毕业生2023就业率98%，平
均年薪10.2万美元。详见SIT官网数据：
https://www.stevens.edu/program/masters-in-business-analytics-and-artificial-intelligence
</div>
</div>
</div>
<!-- 申请要求 -->
<section class="section">
<h2 class="title">申请要求</h2>
<div class="content_list">
<ul>
<li>
<p>原则要求 GPA3.0 以上</p>
</li>
<li>
<p>英语能力优异</p>
</li>
<li>
<p>综合素质优异（如学术、获奖经历等）</p>
</li>
</ul>
</div>
</section>
<!-- 学习安排 -->
<!-- 招生对象 -->
<section class="section">
<h2 class="title">学习安排</h2>
<h2 class="title">招生对象</h2>
<div class="content_list">
<h4 style="text-align: center; margin: 20px">工程管理（MEM）</h4>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/course_1.png" />
<h4 style="text-align: center; margin: 20px">商业分析与人工智能（BIA）</h4>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/course_2.png" />
<!-- <p>该保研项目总体教学安排为20周，开学时间一般在每年12月中旬。</p> -->
<p>注意：该学习安排可能会根据学校安排有所调整，以最终的邮件通知为准</p>
<p>国内三年制大专应届/往届毕业生，大二或大三在读学生（需在赴韩前取得专科毕业证）</p>
</div>
</section>
<!-- 学制安排 -->
<!-- 培养模式 -->
<section class="section">
<h2 class="title">学制安排</h2>
<div class="content_part">
<div class="img5 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学制安排</div>
<div class="desc_detail">
<span class="num">国内+国外</span>
</div>
</div>
</div>
<div class="img6 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学分设置</div>
<div class="desc_detail">
<span class="num">30</span>
<span class="fen">学分</span>
</div>
</div>
<h2 class="title">培养模式</h2>
<div class="mode_list">
<div class="mode_item">
<div class="mode_tit">第一阶段（国内预修）</div>
<div class="mode_con">
高职大二/大三在校期间，通过又石大学国际学院（清控紫荆教育）修读专升本前置衔接课程及韩语强化课程。
</div>
<div class="img7 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国内授课</div>
<div class="desc_detail">
<div class="desc_detail_item">
<span class="fen">语言强化课程</span>
<span class="num">4</span>
<span class="fen fen1">门</span>
</div>
<!-- <div class="desc_detail_item">
<span class="fen fen2">科研训练课</span>
<span class="num">&nbsp;&nbsp;6</span>
<span class="fen fen1">个主题</span>
</div> -->
<div class="desc_detail_item">
<span class="fen">硕士学分课</span>
<span class="num fen1">&nbsp;&nbsp;3</span><span class="fen fen1">门</span
><span class="num fen1">9</span><span class="fen fen1">学分</span>
</div>
</div>
</div>
</div>
<div class="img8 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国外授课</div>
<div class="desc_detail">
<span class="num">7</span>
<span class="fen fen1">门课</span>
<span class="num">21</span>
<span class="fen">学分</span>
</div>
<div class="mode_item">
<div class="mode_tit">第二阶段（国外修读）</div>
<div class="mode_con">
专科毕业后赴韩国又石大学学习1年本科学分课程，修满学分学业考核合格后颁发学士学位证书。
</div>
</div>
</div>
</section>
<div class="content_part">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img3.png" class="part_img" />
</div>
<!-- 院校荣誉 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img4.png?v=1" />
<!-- 课程设置 -->
</div>
<div v-else class="is-h5">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/sit-plus/school_banner.png" width="100%" />
</div>
<div class="h5-content">
<div class="h5-title">项目介绍</div>
<p>
该保研项目是斯蒂文斯理工学院硕士保研项目的特别录取通道。项目通过对学生的全面个性化评估，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。
</p>
<br />
<p>
该项目由斯蒂文斯理工学院硕士保研项目中国招生与教育中心（清控紫荆教育）全权负责运营，详情请见斯蒂文斯理工学院官网项目说明<a
href="https://www.stevens.edu/zijingpartnership"
style="color: #aa1941"
>https://www.stevens.edu/zijingpartnership</a
>
</p>
<div class="h5-title m-t-10">培养目标</div>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/h5-school-img2.png" />
<p class="h5-con">
<strong>工程管理（MEM）</strong><br />
工程管理硕士（MEM）全称是Master of Engineering in Engineering Management，属于美国STEM大类方向较新的专业。一
般来说是工程学院和商学院共同开设的交叉学科专业，旨在培养科技创新型企业管理层和核心员工。斯蒂文斯理工学院工程管
理硕士毕业学生通常在宝马、IBM等全球知名科技创新企业做技术管理工作，或是在高盛等投行、咨询公司任职。特别适合本
科为工科，将来有志于从事技术管理或者金融行业的同学。工程管理硕士毕业生2023就业率98%，平均年薪8.5W美元，详见
SIT官网数据： https://www.stevens.edu/program/engineering-management-masters
<br />
<strong>商业分析与人工智能（BIA）</strong>
<br />商业分析与人工智能（BIA）硕士是专为培养学生商业战略、高级分析和人工智能专
业知识而设立的研究生课程。课程融合了前沿分析技术与专业技能，涵盖机器学习、自然语言处理和生成式AI
人工智能等核心领域。不仅深入探讨关键商业概念，还突破了R、SAS、Hadoop、Python和Spark等工具的基
础应用，直击高级实战技巧，助力学生驾驭包括但不限于金融、医疗保健、市场营销和供应链管理等关键商业领
域中人工智能的复杂性。斯蒂文斯BIA项目毕业生广受行业青睐，毕业生通常在亚马逊、贝莱德、CapitalOne、
卡特彼勒、摩根大通、沃特斯集团任职，就业前景广阔。商业分析与人工智能硕士毕业生2023就业率98%，平
均年薪10.2万美元。详见SIT官网数据：
https://www.stevens.edu/program/masters-in-business-analytics-and-artificial-intelligence
</p>
<div class="h5-title m-t-10">申请条件</div>
<div class="h5-list">
<ul>
<li>
<p>原则要求 GPA3.0 以上</p>
</li>
<li>
<p>英语能力优异</p>
</li>
<li>
<p>综合素质优异（如学术、获奖经历等）</p>
</li>
</ul>
</div>
<div class="h5-title m-t-10">学习安排</div>
<h4 style="text-align: center; margin: 20px">工程管理（MEM）</h4>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/course_1.png" />
<h4 style="text-align: center; margin: 20px">商业分析与人工智能（BIA）</h4>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/course_2.png" />
<!-- <div class="list_desc">
该保研项目总体教学安排为20周，开学时间一般在每年12月中旬。
</div> -->
<div class="list_desc">注意：该学习安排可能会根据学校安排有所调整，以最终的邮件通知为准</div>
<div class="h5-title m-t-10">学制安排</div>
<div class="img-list">
<div class="xz-content">
<div class="xz-item xz1">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学制安排</div>
<div class="desc_detail"><span class="num">国内+国外</span><span class="fen"></span></div>
</div>
</div>
<div class="xz-item xz2">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学分设置</div>
<div class="desc_detail"><span class="num">30</span><span class="fen">学分</span></div>
</div>
</div>
<div class="xz-item xz3">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国内授课</div>
<div class="desc_detail">
<div class="desc_detail_item">
<span class="fen fen2">语言强化课程&nbsp;</span><span class="num">4</span
><span class="fen fen1">门</span>
</div>
<!-- <div class="desc_detail_item">
<span class="fen fen2">科研训练课&nbsp;&nbsp;&nbsp;</span><span class="num">6</span><span class="fen fen1">个主题</span>
</div> -->
<div class="desc_detail_item">
<span class="fen fen1">硕士学分课&nbsp;&nbsp</span>
<span class="num">3</span><span class="fen fen1">门</span><span class="num">9</span
><span class="fen fen1">学分</span>
</div>
</div>
</div>
</div>
<div class="xz-item xz4">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国外授课</div>
<div class="desc_detail">
<span class="num">7</span><span class="fen fen1">门课</span><span class="num">21</span
><span class="fen">学分</span>
</div>
</div>
</div>
</div>
</div>
<div class="h5-title m-t-10">国际权威认证</div>
<div class="h5-course-set">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/h5-school-img6.png" style="margin-bottom: 0.3rem" />
</div>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/h5-school-img7.png" style="margin: 0.25rem 0" />
<!-- <div class="h5-title m-t-10">课程设置</div> -->
<!-- <div class="h5-course-set">
<img
src="https://webapp-pub.ezijing.com/project/sit-plus/h5-school-img8.png"
style="margin-bottom:0.3rem"
/>
<div class="course-set-tips">
注：根据学校培养计划，课程安排可能有所调整<br />&nbsp;&nbsp;&nbsp;&nbsp;
*选修学分课，学生可根据个人兴趣及职业规划选择其他课程
<!-- 招收专业 -->
<section class="section">
<h2 class="title">招收专业</h2>
<div class="major_table">
<div class="major_row major_head">
<div class="major_cat">学科分类</div>
<div class="major_names">专业</div>
</div>
</div> -->
<div class="major_row" v-for="(item, index) in majorList" :key="index">
<div class="major_cat">{{ item.cat }}</div>
<div class="major_names">{{ item.names }}</div>
</div>
</div>
</section>
</div>
</template>
<script>
import 'swiper/css/swiper.css'
export default {
layout: 'normal',
data() {
const _this = this
return {
applyList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step3.png',
tit: 'GPA',
desc: 'GPA不低于3.0<br/>经审核具有研究生学习潜力的优秀学生',
tips: '',
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step2.png',
tit: '语言',
desc: '托福≥74分 或 雅思≥6.0 或 Duolingo≥100分<br/>未达到上述语言成绩要求的申请者，入学后须参加英语强化课程并考试合格',
tips: '',
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step1.png',
tit: 'GRE/GMAT',
desc: '申请者需提交GRE/GMAT成绩进行综合考评<br/>无GRE/GMAT成绩的申请者入学后须参加GRE替代课程并考试合格',
tips: '',
},
],
courseSetTab: 0,
popupVisible: false,
listData: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary1.png',
},
advantageList: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary2.png',
tit: '1年制专升本：插班大四，获全日制本科',
con: '免语言，韩语中约70%为汉字词，韩文表音易拼读，学生无需提前具备韩语基础。国内阶段完成项目要求的韩语强化学习并通过规定的语言考核（参加紫荆韩语强化课程等同韩语Topik成绩），大二大三即可国内同步修专业衔接课，专科毕业赴韩直插大四，1年修完学分课获全日制本科学位。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary3.png',
tit: '高性价比：国内+国外总费用约7万',
con: '国内、国外学习费用+生活费约7w元人民币，低成本获取全日制海外本科学历。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary4.png',
tit: '申请制入学：免国内统考，审核面试录取',
con: '无需参加国内专升本统一考试；资料审核+招生官面试，通过后发放录取通知书。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary5.png',
},
],
listDataH5: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg1.png',
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg2.png',
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg3.png',
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg4.png',
tit: '权威认证：教育部认证大学，学位可获中留服认证',
con: '韩国教育部认证国际化A级高校（全韩仅34所），学校在中国教育部涉外监管信息网可查。学生学成归国后，可向中国（教育部）留学服务中心申请学历认证，并按规定享受留学归国人员相关待遇与优惠政策。在此基础上，学生可继续申请攻读硕士学位。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg5.png',
},
tit: '就业保障：产学结合，毕业出路广',
con: '韩国国家级LINC+产学合作示范院校，配套专属就业帮扶，毕业生就业率90.3%，稳居韩国高校第一梯队。'
}
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
},
},
},
swiperOption2: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination',
},
on: {
init() {
_this.swiper.slideNext()
},
},
},
majorList: [
{ cat: '人文社会', names: '经营学，幼儿特殊教育，儿童福祉，传媒影像，旅游管理' },
{ cat: '理学体育', names: '生活体育，康复咨询，造景学' },
{ cat: '工学艺术', names: '计算机工程，时尚设计' }
]
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
},
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
courseTab(n) {
this.courseSetTab = n
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
display: block;
}
}
.section {
......@@ -430,364 +118,257 @@ export default {
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
border-left: 7px solid #2065a0;
}
.content_list {
margin-top: 20px;
img {
width: 100%;
}
ul {
padding-left: 0.2rem;
li {
list-style-type: disc;
color: #aa1941;
p {
color: #666666 !important;
font-size: 18px;
color: #666;
line-height: 36px;
text-align: justify;
}
p + p {
margin-top: 20px;
}
}
}
h4 {
.advantage_list {
margin-top: 26px;
.advantage_item {
display: flex;
align-items: flex-start;
padding: 26px 0;
border-bottom: 1px dashed #dcdcdc;
&:last-child {
border-bottom: none;
padding-bottom: 0;
}
.item_num {
flex: none;
width: 40px;
height: 40px;
margin-right: 24px;
background: #2065a0;
border-radius: 50%;
color: #fff;
font-size: 20px;
line-height: 2;
font-weight: 500;
line-height: 40px;
text-align: center;
}
p {
.item_body {
.item_tit {
font-size: 20px;
line-height: 2;
color: #666666;
}
}
.content_part {
.img55 {
width: 292px;
height: 345px;
margin-right: 11px;
cursor: pointer;
position: relative;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc_child {
margin: 67px auto;
text-align: center;
.desc_tit {
font-size: 30px;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
margin-top: 70px;
.num {
font-size: 26px;
font-weight: bold;
}
.fen {
font-size: 20px;
font-weight: 400;
padding-top: 20px;
}
.fen1 {
padding-right: 5px;
}
.desc_detail_item {
margin: 8px 0 0 38px;
text-align: left;
}
}
}
}
.img55 {
.mask {
opacity: 1;
background: rgba(0, 0, 0, 0.7);
color: #2065a0;
line-height: 1.5;
}
.desc {
transform: translateY(-30px);
.item_con {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 32px;
text-align: justify;
}
.desc .desc_detail {
visibility: visible;
}
}
.img5 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img11.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img22.png');
.mode_list {
display: flex;
margin-top: 26px;
.mode_item {
flex: 1;
background: #f6f9fc;
border: 1px solid #e3edf5;
border-radius: 8px;
padding: 30px;
.mode_tit {
font-size: 20px;
font-weight: 500;
color: #2065a0;
padding-bottom: 14px;
border-bottom: 1px solid #2065a0;
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img33.png');
.mode_con {
margin-top: 16px;
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 32px;
text-align: justify;
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img44.png');
}
.mode_item + .mode_item {
margin-left: 30px;
}
}
.content_part {
width: 1200px;
margin: 20px auto;
.major_table {
margin-top: 26px;
border: 1px solid #e3edf5;
border-radius: 8px;
overflow: hidden;
.major_row {
display: flex;
.part_img {
width: 100%;
}
.content_desc {
width: 546px;
margin: 0 auto;
.desc_title {
padding-left: 20px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
border-bottom: 1px solid #e3edf5;
&:last-child {
border-bottom: none;
}
&.major_head {
background: #2065a0;
.major_cat,
.major_names {
color: #fff;
font-weight: 500;
}
.desc_intro {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 2;
margin-top: 20px;
text-align: left;
}
.major_cat {
flex: none;
width: 200px;
padding: 18px 30px;
font-size: 18px;
color: #2065a0;
font-weight: 500;
border-right: 1px solid #e3edf5;
background: #f6f9fc;
}
.img-box {
position: relative;
.major_names {
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
padding: 18px 30px;
font-size: 16px;
color: #424242;
line-height: 32px;
}
}
}
.img4 {
width: 100%;
height: 100%;
margin: 68px 0;
}
}
.is-h5 {
.banner {
img {
.img_banner {
width: 100%;
display: block;
}
}
.list_desc {
font-size: 0.12rem;
font-weight: 300;
line-height: 2;
color: #666666;
}
.h5-course-set {
background: #fff;
padding: 0.2rem 0.12rem;
margin-bottom: 0.28rem;
.course-set-tips {
font-size: 0.11rem;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 2;
color: #666666;
}
.h5-head {
height: 0.7rem;
border-bottom: 1px solid #bebebe;
display: flex;
overflow-x: scroll;
.btn {
padding-top: 0.25rem;
p {
font-size: 0.13rem;
color: #959595;
text-align: center;
white-space: nowrap;
.section {
margin: 0.3rem 0.15rem;
.title {
position: relative;
margin: 0.2rem 0;
padding-left: 0.1rem;
height: 0.2rem;
font-size: 0.17rem;
line-height: 0.2rem;
font-weight: 700;
border-left: 0.03rem solid #2065a0;
}
&.active {
.content_list {
p {
color: #aa1941;
}
border-bottom: 1px solid #aa1941;
}
}
}
font-size: 0.12rem;
color: #666;
line-height: 0.2rem;
text-align: justify;
}
.h5-content {
padding: 0 0.15rem;
img {
width: 100%;
display: block;
margin-bottom: 0.15rem;
}
p {
.advantage_list {
.advantage_item {
display: flex;
align-items: flex-start;
padding: 0.16rem 0;
border-bottom: 1px dashed #dcdcdc;
&:last-child {
border-bottom: none;
}
.item_num {
flex: none;
width: 0.22rem;
height: 0.22rem;
margin-right: 0.1rem;
background: #2065a0;
border-radius: 50%;
color: #fff;
font-size: 0.12rem;
font-weight: 300;
line-height: 2;
color: #424242;
}
p + p {
margin-top: 0.1rem;
font-weight: 500;
line-height: 0.22rem;
text-align: center;
}
.h5-title {
.item_body {
.item_tit {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
line-height: 0.36rem;
&.m-t-10 {
margin-top: 0.1rem;
}
font-weight: 500;
color: #2065a0;
line-height: 1.4;
}
.h5-con {
.item_con {
margin-top: 0.05rem;
font-size: 0.12rem;
font-weight: 300;
font-weight: 400;
color: #666;
line-height: 0.2rem;
color: #424242;
}
.h5-list {
display: flex;
// justify-content: center;
// align-items: center;
flex-direction: column;
ul {
padding: 0.2rem;
li {
list-style-type: disc;
color: #aa1941;
p {
color: #666666 !important;
}
}
}
img {
margin-top: 0.1rem;
// width: 1.08rem;
// height: 1.4rem;
// display: block;
}
}
.img-list {
overflow-x: scroll;
display: flex;
.xz-content {
width: 6rem;
margin: auto;
text-align: center;
display: flex;
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
text-align: justify;
}
.xz-item {
width: 1.46rem;
height: 1.73rem;
margin-right: 0.1rem;
cursor: pointer;
position: relative;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc_child {
margin-top: 0.13rem;
}
.desc_last {
margin: 0.1rem auto;
}
.desc {
// display: flex;
// align-items: center;
// flex-direction: column;
// justify-content: center;
transition: all 0.15s ease-in;
position: relative;
z-index: 11;
.desc_tit {
font-size: 0.2rem;
.mode_list {
.mode_item {
background: #f6f9fc;
border: 1px solid #e3edf5;
border-radius: 0.04rem;
padding: 0.16rem;
.mode_tit {
font-size: 0.14rem;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
white-space: nowrap;
margin-top: 0.35rem;
.num {
font-size: 0.15rem;
font-weight: bold;
}
.fen {
font-size: 0.1rem;
font-weight: 400;
}
.desc_detail_item {
margin-top: 0.04rem;
white-space: nowrap;
text-align: left;
padding-left: 0.05rem;
}
color: #2065a0;
padding-bottom: 0.08rem;
border-bottom: 1px solid #2065a0;
}
.mode_con {
margin-top: 0.1rem;
font-size: 0.12rem;
font-weight: 400;
color: #666;
line-height: 0.2rem;
text-align: justify;
}
}
.xz1 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img11.png');
.mode_item + .mode_item {
margin-top: 0.12rem;
}
.xz2 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img22.png');
}
.xz3 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img33.png');
.major_table {
border: 1px solid #e3edf5;
border-radius: 0.04rem;
overflow: hidden;
.major_row {
display: flex;
border-bottom: 1px solid #e3edf5;
&:last-child {
border-bottom: none;
}
&.major_head {
background: #2065a0;
.major_cat,
.major_names {
color: #fff;
font-weight: 500;
}
.xz4 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img44.png');
}
.major_cat {
flex: none;
width: 0.9rem;
padding: 0.12rem 0.16rem;
font-size: 0.13rem;
color: #2065a0;
font-weight: 500;
border-right: 1px solid #e3edf5;
background: #f6f9fc;
}
.major_names {
flex: 1;
padding: 0.12rem 0.16rem;
font-size: 0.12rem;
color: #424242;
line-height: 0.2rem;
}
.swiper-content {
padding-bottom: 0.5rem;
}
}
}
::v-deep {
.swiper-pagination-bullet-active {
background: #fff;
}
}
</style>
pages/about/teacher.vue
浏览文件 @ e3bfad00
......@@ -144,7 +144,7 @@ export default {
}
.name {
font-size: 18px;
color: #aa1941;
color: #2065a0;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
......@@ -191,7 +191,7 @@ export default {
.name {
font-size: 0.14rem;
line-height: 100%;
color: #aa1941;
color: #2065a0;
margin-top: 0.1rem;
margin-bottom: 0.03rem;
}
......
pages/academic/academic.vue
浏览文件 @ e3bfad00
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/academic-banner.png" width="100%" />
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="main_content">
<!-- <el-image :src="url1"> </el-image> -->
<div class="img_english">
<el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">硕士学位证书模板</div>
<h1 class="title">学历认证</h1>
<p class="desc">韩国又石大学本科学位证及中国教育部留学服务中心认证证书。</p>
<div class="img_box">
<img src="/woosuk/certificates.png" alt="韩国又石大学本科学位证及中国教育部留学服务中心认证证书" />
</div>
<div class="img_english">
<el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">学历学位认证模板</div>
</div>
</div>
</div>
<app-frame v-else :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/academic-banner.png" width="100%" />
<div class="main_content">
<!-- <el-image :src="url1"> </el-image> -->
<div class="img_english">
<el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">硕士学位证书模板</div>
</div>
<div class="img_english">
<el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">学历学位认证模板</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
// url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png',
url1: 'https://webapp-pub.ezijing.com/project/sit-plus/pc-cert-en.png',
url2: 'https://webapp-pub.ezijing.com/project/sit-plus/pc-cert-cn.png',
frameParams: {
slider: []
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
width: 1200px;
margin: 56px auto 0;
background: #fff;
.main_content {
padding: 70px 64px 80px 48px;
display: flex;
justify-content: flex-end;
align-items: flex-end;
.img_english {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.item_english_name {
.title {
font-size: 32px;
font-weight: 700;
color: #333;
}
.desc {
font-weight: 400;
color: #424242;
font-size: 16px;
margin-top: 20px;
}
.img1 {
width: 678px;
height: 495px;
}
.img2 {
width: 350px;
height: 513px;
margin-left: 32px;
.img_box {
margin-top: 40px;
img {
display: block;
max-width: 100%;
}
}
}
}
.is-h5 {
background: #fff;
.main_content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0.3rem 0 0.3rem;
.img_english {
margin-top: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.item_english_name {
padding: 0.3rem 0.15rem;
.title {
font-size: 0.17rem;
font-weight: 700;
color: #333;
}
.desc {
font-weight: 400;
color: #424242;
font-size: 0.08rem;
font-size: 0.12rem;
margin-top: 0.1rem;
// padding-bottom: 0.17rem;
}
.img1 {
width: 2.53rem;
height: 1.8rem;
text-align: center;
}
.img2 {
width: 2.26rem;
height: 3.3rem;
.img_box {
margin-top: 0.2rem;
img {
display: block;
width: 100%;
}
}
}
......
pages/alumni/outstanding.vue
浏览文件 @ e3bfad00
......@@ -122,7 +122,7 @@ export default {
font-size: 18px;
font-family: HelveticaNeueLTPro-Md;
line-height: 18px;
color: #aa1941;
color: #2065a0;
margin-bottom: 10px;
}
p {
......@@ -145,7 +145,7 @@ export default {
margin-right: 0;
}
li:hover {
background: #aa1941;
background: #2065a0;
.text {
h6,
p,
......@@ -197,7 +197,7 @@ export default {
margin-left: .1rem;
h6 {
font-size: .11rem;
color: #aa1941;
color: #2065a0;
font-weight: 700;
white-space: nowrap;
}
......@@ -219,7 +219,7 @@ export default {
margin-right: 0;
}
li:hover {
background: #aa1941;
background: #2065a0;
.text {
h6,
p,
......
pages/alumni/sharing/_id.vue
浏览文件 @ e3bfad00
......@@ -127,7 +127,7 @@ export default {
.line {
width: 6px;
height: 22px;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 22px;
......@@ -231,7 +231,7 @@ export default {
.line {
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 0.16rem;
......
pages/dataDownload/dataDownload.vue
浏览文件 @ e3bfad00
......@@ -36,15 +36,7 @@ export default {
fileList: [
{
name: '招生简章',
url: 'https://webapp-pub.ezijing.com/project/sit-plus/admission.pdf'
},
{
name: '硕士学分模块介绍',
url: 'https://webapp-pub.ezijing.com/project/sit-plus/SIT%E7%A1%95%E5%A3%AB%E5%AD%A6%E5%88%86%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf'
},
{
name: '语言强化模块介绍',
url: 'https://webapp-pub.ezijing.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf'
url: '/woosuk/admission.pdf'
}
]
}
......@@ -114,7 +106,7 @@ export default {
.btn {
width: 78px;
height: 27px;
background: #aa1941;
background: #2065a0;
border-radius: 4px;
line-height: 27px;
text-align: center;
......@@ -173,7 +165,7 @@ export default {
.btn {
width: 0.65rem;
height: 0.16rem;
background: #aa1941;
background: #2065a0;
border-radius: 4px;
line-height: 0.16rem;
text-align: center;
......
pages/enroll/apply.vue
浏览文件 @ e3bfad00
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/enroll-process-apply-banner.png" />
<div class="content-mian">
<h1 class="content-title">录取条件</h1>
<ul class="content-mian_con">
<!-- <li class="applyList_con">
<div class="apply_name">学历要求</div>
<div class="apply_desc">本科学历（有学士学位）及以上或者本科在读（大三或大四）</div>
</li> -->
<li class="applyList_con">
<div class="apply_name">原则要求GPA3.0以上</div>
</li>
<li class="applyList_con">
<div class="apply_name">英语能力优异</div>
</li>
<li class="applyList_con">
<div class="apply_name">综合素质优异（如学术、获奖经历等）</div>
</li>
</ul>
<!-- <tab-content @tabChange="tabChange"></tab-content>
<div class="content-mod1" v-if="showIndex === 0">
<div class="content-txt">
<div class="content_tit">
本科在读或者本科毕业学生<br />
需为国家承认的本科学历，包括全日制本科、专升本、成人自考本科
</div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 1">
<div class="content-txt">
<div class="con">
<div class="p">
提交申请材料并通过审核后，进入到面试环节。通过清控紫荆教育中英文面试后将获得条件录取资格或候补资格
</div>
<div class="descList">
<div class="list_tit">报名材料</div>
<div class="list_desc" v-for="(item, index) in descList" :key="index">
{{ item.desc }}
</div>
</div>
<div class="admissionList">
<div class="list_tit">申请条件</div>
<div class="admission_desc">
<div class="admission_part">
<div class="part_tit"><div class="tit1">玛丽伍德大学 工商管理硕士</div></div>
<div class="part_desc">
<div class="item_desc">本科GPA成绩≥2.5；</div>
<div class="item_desc">托福成绩≥79</div>
</div>
</div>
</div>
</div>
<div class="apply_name">
国内三年制大专应届/往届毕业生，大二或大三在读学生（需在赴韩前取得专科毕业证）
</div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 2">
<div class="content-txt">
<ul class="graduate_list">
<li class="item_parts">
学生按照规定完成各项培养环节，修满所需学分。
</li>
<li class="item_parts">
玛丽伍德项目学员完成课程学习后需提交托福79分或雅思6.0分成绩，如不满足要求者可申请参加紫荆英语强化课，通过紫荆英语强化课考核，可被玛丽伍德大学认可替代托福成绩。
</li>
</ul>
</div>
</div> -->
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import TabContent from './components/TabContent.vue'
export default {
layout: 'normal',
components: { appFrame, TabContent },
components: { appFrame },
data() {
return {
showIndex: 0,
list: [
{ name: 'zjjy', label: this.$t('apply.tabText1') },
{ name: 'kelley', label: this.$t('apply.tabText2') },
{ name: 'lhbx', label: this.$t('apply.tabText3') }
],
tags: [
{ num: 12, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 522, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 600, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 700, unit: '+', text: this.$t('bg.con1ItemT4') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT5') },
{ num: 4800, unit: '+', text: this.$t('bg.con1ItemT6') },
{ num: 5000, unit: '+', text: this.$t('bg.con1ItemT7') },
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
],
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
},
descList: [
{ desc: '1.在线填写申请表' },
{ desc: '2.中英文简历各一份（在线提交即可）' },
{ desc: '3.两封推荐信（在线提交后还需将纸版原件交给招办老师）' },
{ desc: '4.本科毕业证' },
{ desc: '5.本科学位证' },
{ desc: '6.本科在读生提交在读证明，待毕业时补交毕业证、学位证' },
{ desc: '7.本科完整成绩单，加盖学校公章' },
{ desc: '8.本科在读提供当前现有成绩单，加盖学校公章，待毕业时需补交完整版成绩单' },
{ desc: '9.海外取得的本科学历需提交中留服出具的学历认证' },
{ desc: '10.有效证件复印件（身份证、护照）' },
{ desc: '11.个人六个月内彩色证件照' },
{ desc: '12.其他有助于申请的材料，如大学英语四六级成绩单、托福雅思参加、GMAT、GRE成绩、荣誉证书或资格证书等' }
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
tabChange(n) {
this.showIndex = n
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.content-mian {
padding: 50px 65px 67px 56px;
.content-title {
font-size: 22px;
font-weight: 500;
color: #2065a0;
padding-bottom: 16px;
border-bottom: 1px dashed #b9b9b9;
}
.content-mian_con {
padding: 6px 65px 67px 56px;
.applyList_con {
.apply_name {
font-size: 20px;
font-weight: 500;
color: #333333;
margin-top: 20px;
}
.apply_desc {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 2;
ul {
margin-left: 20px;
li {
list-style-type: disc;
color: #aa1941;
p {
color: #666666 !important;
}
}
}
}
}
li {
list-style-type: disc;
color: #aa1941;
}
}
// padding: 0 0.16rem;
.content-mod1 {
// padding-top: 18px;
.content-txt {
background: #fff;
padding: 68px 0 83px 64px;
// padding: 0 16px 42px;
// margin-bottom: 36px;
.content_tit {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
padding-top: 0.23rem;
padding-bottom: 0.1rem;
}
.text {
.p {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
}
}
img {
width: 2.59rem;
margin-left: 0.08rem;
margin-top: 0.27rem;
display: block;
}
}
}
.content-mod2 {
margin-top: 0.18rem;
background: #fff;
img {
width: 100%;
}
.content-txt {
background: #fff;
padding: 48px 65px 75px 51px;
.p {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
}
}
.descList {
.list_tit {
font-size: 16px;
font-weight: 500;
line-height: 36px;
color: #666666;
}
.list_desc {
font-size: 16px;
font-weight: 300;
line-height: 40px;
color: #424242;
}
}
.admissionList {
margin-top: 47px;
.list_tit {
font-size: 16px;
font-weight: 500;
line-height: 36px;
color: #666666;
}
.admission_desc {
display: flex;
justify-content: center;
align-items: center;
.admission_part {
padding-right: 10px;
.part_tit {
width: 369px;
height: 75px;
background: #880126;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
border-radius: 10px 10px 0px 0px;
text-align: center;
font-size: 18px;
font-weight: 400;
color: #ffffff;
.tit1 {
padding-top: 29px;
}
.tit2 {
padding-top: 17px;
}
}
.part_desc {
width: 369px;
.item_desc {
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #424242;
text-align: center;
}
.item_desc:nth-child(odd) {
background: #fff;
}
.item_desc:nth-child(even) {
background: #f5f5f5;
}
}
}
}
}
.graduate_list {
.item_parts {
list-style-type: disc;
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
margin-bottom: 44px;
}
.item_parts::marker {
color: #aa1941;
margin-top: 20px;
}
}
}
}
}
.is-h5 {
img {
width: 100%;
height: 100%;
}
.content-mian {
padding: 0.3rem 0.2rem 0.4rem;
.content-title {
font-size: 0.16rem;
font-weight: 500;
color: #2065a0;
padding-bottom: 0.12rem;
border-bottom: 1px dashed #b9b9b9;
}
.content-mian_con {
padding: 0.28rem 0.325rem 0.34rem 0.28rem;
.applyList_con {
.apply_name {
font-size: 0.1rem;
font-weight: 500;
color: #333333;
margin-top: 0.25rem;
}
.apply_desc {
font-size: 0.08rem;
font-weight: 400;
color: #666666;
// margin-top: 0.1rem;
ul {
margin-left: 0.1rem;
li {
list-style-type: disc;
color: #aa1941;
p {
color: #666666 !important;
}
}
}
}
}
li {
list-style-type: disc;
color: #aa1941;
}
}
.content-mod1 {
padding: 0.34rem 0.32rem 0.4rem 0.34rem;
.content-txt {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
.content_tit {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.32rem;
color: #424242;
padding-left: 0.18rem;
padding-right: 0.18rem;
}
.tit {
font-size: 0.12rem;
font-weight: bold;
line-height: 100%;
color: #333333;
padding-top: 0.23rem;
padding-bottom: 0.1rem;
}
.text {
.p {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
}
}
img {
width: 2.59rem;
margin-left: 0.08rem;
margin-top: 0.27rem;
display: block;
}
}
}
.content-mod2 {
background: #fff;
padding: 0.28rem 0.32rem 0.4rem 0.34rem;
img {
width: 100%;
}
.content-txt {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
.con {
padding: 0.24rem 0.18rem 0.24rem 0.18rem;
.p {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #424242;
}
}
.descList {
margin-top: 0.32rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #484848;
}
.list_desc {
font-size: 0.08rem;
font-weight: 300;
line-height: 0.3rem;
color: #424242;
}
}
.admissionList {
margin-top: 0.47rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #666666;
}
.admission_desc {
display: flex;
// justify-content: center;
align-items: center;
.admission_part {
padding-right: 0.1rem;
.part_tit {
width: 2.69rem;
height: 0.75rem;
background: #880126;
box-shadow: 0px 0.01rem 0.25rem rgba(0, 0, 0, 0.06);
border-radius: 0.1rem 0.1rem 0px 0px;
text-align: center;
font-size: 0.12rem;
font-weight: 400;
color: #ffffff;
.tit1 {
padding-top: 0.29rem;
}
.tit2 {
padding-top: 0.17rem;
}
}
.part_desc {
width: 2.69rem;
.item_desc {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #333333;
text-align: center;
}
.item_desc:nth-child(odd) {
background: #fff;
}
.item_desc:nth-child(even) {
background: #f5f5f5;
}
}
}
}
}
}
.graduate_list {
padding: 0.34rem 0.18rem 0.34rem 0.36rem;
.item_parts {
list-style-type: disc;
font-size: 0.14rem;
font-weight: 300;
line-height: 0.28rem;
color: #424242;
margin-bottom: 0.2rem;
}
.item_parts::marker {
color: #aa1941;
line-height: 0.24rem;
margin-top: 0.16rem;
}
}
}
......
pages/enroll/brochure.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<app-frame :data="frameParams">
<el-card>
<h1 style="margin: 0 auto;text-align:center;">
报名流程
</h1>
<ul>
<li>
<p class="title">1.资格审核</p>
<p class="desc">
根据学生在线提交的报名材料审核学生录取资质，审通过预约面试
</p>
</li>
<li>
<p class="title">2.面试考核</p>
<p class="desc">
招生办的老师对学生个人背景、学习动机、学习能力、英语能力等方面综合考察
</p>
</li>
<li>
<p class="title">3.发放录取</p>
<p class="desc">
对面试合格的学生发放录取通知书
</p>
</li>
<li>
<p class="title">4.注册学籍</p>
<p class="desc">
学员完成缴费、材料提交等录取手续后，办理海外学籍注册
</p>
</li>
<li>
<p class="title">5.开学典礼</p>
<p class="desc">
全体学员参加线下开学典礼，与同学和老师见面，正式开始学习之旅
</p>
</li>
</ul>
</el-card>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
}
}
}
}
</script>
<style lang="scss" scoped>
ul {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-direction: column;
margin-top: 40px;
}
li {
padding: 20px;
}
p {
font-size: 16px;
color: #333;
}
.title {
font-weight: 400px;
}
.desc {
font-weight: 300;
}
</style>
pages/enroll/components/TabContent.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<div class="tab-content" :class="isMobile ? 'is-h5' : 'is-pc'">
<li
v-for="(item, index) in items"
:key="index"
:class="activeIndex === index && 'active'"
@click="tabChange(index)"
>
{{ item }}
</li>
</div>
</template>
<script>
export default {
data() {
return {
items: [this.$t('apply.tabText1'), this.$t('apply.tabText2'), this.$t('apply.tabText3')],
activeIndex: 0
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
tabChange(n) {
this.activeIndex = n
this.$emit('tabChange', n)
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.tab-content {
padding: 42px 64px 0 64px;
display: flex;
justify-content: space-around;
li {
width: 278px;
height: 91px;
line-height: 91px;
background: #fbfbfb;
text-align: center;
font-size: 26px;
font-weight: bold;
color: #333333;
position: relative;
margin-right: 18px;
&.active {
color: #aa1941;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #aa1941;
}
}
}
}
}
.is-h5 {
.tab-content {
padding: 0.2rem 0.34rem 0 0.34rem;
display: flex;
justify-content: space-around;
li {
width: 2.78rem;
height: 0.41rem;
line-height: 0.41rem;
background: #fbfbfb;
text-align: center;
font-size: 0.14rem;
font-weight: bold;
color: #333333;
position: relative;
margin-right: 0.05rem;
&.active {
color: #aa1941;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.05rem;
background: #aa1941;
}
}
}
}
}
</style>
pages/enroll/process.vue
浏览文件 @ e3bfad00
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/enroll-process-banner.png" />
<div class="apply">
<div class="apply-line"></div>
<div class="apply-item">
<div class="apply-item-num">1</div>
<div class="apply-item-hd">提交申请材料</div>
<div class="apply-item-bd">
<p>
申请者需登录项目官网<a href="https://sit-plus.ezijing.com/">https://sit-plus.ezijing.com/</a
>进行在线报名，按项目报名系统的要求在线填写基本信息并提交以下材料：
</p>
<!-- <p>另请提供纸质材料:</p> -->
<p>申请者需按项目报名系统的要求在线填写基本信息并提交以下材料：</p>
<ul>
<li>➢ 英文简历</li>
<li>➢ 个人简历</li>
<li>➢ 身份证扫描件</li>
<li>➢ 中文本科成绩单（在读生截止到上学期末）</li>
<li>➢ 英语成绩证明（如CET-4，CET-6，TOEFL，IELTS等）</li>
<li>➢ 专科成绩单（在读生截止到上学期末）</li>
<li>➢ 韩国语能力考试成绩单（如有）</li>
<li>➢ 个人荣誉证书和获奖经历扫描件（如有）</li>
<li>➢ 本科学历学位证明/本科在读证明（中、英文）</li>
<li>➢ 英文本科成绩单（在读生截止到上学期末）</li>
<li>➢ 个人陈述（英文）</li>
<li>➢ 推荐信两封（英文）</li>
<li>注：申请费700元</li>
<li>➢ 专科毕业证（或在学/预计毕业证明）</li>
<li>➢ 个人陈述（韩语或英语）</li>
<li>注：申请费人民币500元（完成报名申请后，申请费不予退还）</li>
</ul>
</div>
</div>
......@@ -30,24 +23,30 @@
<div class="apply-item-num">2</div>
<div class="apply-item-hd">招生官面试录取</div>
<div class="apply-item-bd">
<p>资料提交完整并审核通过后，预约保研项目招生官，对符合条件的申请人进行面试，面试合格者发送保研录取通知书。</p>
<p>资料提交完整并审核通过后，对符合条件的申请人安排面试，面试合格者发送有条件录取通知书。</p>
</div>
</div>
<div class="apply-item">
<div class="apply-item-num">3</div>
<div class="apply-item-hd"> 保研项目学习</div>
<div class="apply-item-hd">国内阶段学习</div>
<div class="apply-item-bd">
<p>收到录取后在规定时间内签订入学协议并完成学费缴纳，进入项目学习。</p>
</div>
</div>
<div class="apply-item">
<div class="apply-item-num">4</div>
<div class="apply-item-hd">签证赴美</div>
<div class="apply-item-hd">签证赴韩</div>
<div class="apply-item-bd">
<p>完成项目学习成绩合格者获斯蒂文斯理工学院录取签证文件，赴美完成硕士剩余课程学习。</p>
<p>完成项目学习成绩合格者获韩国又石大学录取签证文件，赴韩完成本科剩余课程学习。</p>
</div>
</div>
<div class="apply-item">
<div class="apply-item-num">✔</div>
<div class="apply-item-hd">录取条件</div>
<div class="apply-item-bd">
<p>国内三年制大专应届/往届毕业生，大二或大三在读学生（需在赴韩前取得专科毕业证）</p>
</div>
</div>
</div>
</app-frame>
</template>
......@@ -61,7 +60,6 @@ export default {
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
}
......@@ -87,7 +85,7 @@ export default {
bottom: 0;
width: 1px;
height: 95%;
background-color: #aa1941;
background-color: #2065a0;
}
.apply-item {
position: relative;
......@@ -98,19 +96,19 @@ export default {
padding: 16px 0;
font-size: 22px;
font-weight: 500;
color: #aa1941;
color: #2065a0;
border-bottom: 1px dashed #b9b9b9;
}
.apply-item-num {
position: absolute;
left: 0;
width: 47px;
height: 64px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/aplly_num_bg.png) no-repeat;
background-size: contain;
font-size: 30px;
height: 47px;
background: #2065a0;
border-radius: 50%;
font-size: 24px;
font-weight: 500;
line-height: 50px;
line-height: 47px;
color: #ffffff;
text-align: center;
}
......@@ -120,7 +118,7 @@ export default {
color: #424242;
line-height: 30px;
a {
color: #aa1941;
color: #2065a0;
}
ul {
margin-top: 10px;
......@@ -139,10 +137,6 @@ export default {
}
}
.is-h5 {
img {
width: 100%;
height: 100%;
}
.apply {
position: relative;
margin: 0.2rem 0.15rem 0.4rem;
......@@ -154,7 +148,7 @@ export default {
bottom: 0;
width: 0.01rem;
height: 90%;
background-color: #aa1941;
background-color: #2065a0;
}
.apply-item {
position: relative;
......@@ -165,19 +159,19 @@ export default {
padding: 0.04rem 0;
font-size: 0.14rem;
font-weight: 500;
color: #aa1941;
color: #2065a0;
border-bottom: 1px dashed #b9b9b9;
}
.apply-item-num {
position: absolute;
left: 0;
width: 0.23rem;
height: 0.32rem;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/aplly_num_bg.png) no-repeat;
background-size: contain;
font-size: 0.15rem;
height: 0.23rem;
background: #2065a0;
border-radius: 50%;
font-size: 0.12rem;
font-weight: 500;
line-height: 0.25rem;
line-height: 0.23rem;
color: #ffffff;
text-align: center;
}
......@@ -187,15 +181,13 @@ export default {
color: #424242;
line-height: 0.24rem;
a {
color: #aa1941;
color: #2065a0;
}
ul {
margin-top: 0.1rem;
}
li {
color: #666666 !important;
// margin-top: 0.15rem;
// font-weight: 300;
}
.tips {
color: #666666;
......
pages/index.vue
浏览文件 @ e3bfad00
......@@ -3,17 +3,13 @@
<!-- banner图 -->
<banners />
<!-- 学校简介 -->
<school-introduce/>
<!-- 项目定位 -->
<project-position />
<school-introduce />
<!-- 学校优势 -->
<school-features />
<!-- 项目优势 -->
<project-features />
<project-advantages />
<!-- 校园风光 -->
<!-- <school-senery /> -->
<!-- 最新动态 -->
<news />
<!-- 视频 -->
<Video style="margin-bottom:0.2rem" />
<campus-photos />
<!-- 右侧功能栏 -->
<right-aside v-if="!isMobile" />
</div>
......@@ -21,33 +17,21 @@
<script>
import banners from '../components/home/banners.vue'
import projectPosition from '../components/home/projectPosition.vue'
import projectFeatures from '../components/home/projectFeatures'
// import schoolSenery from '../components/home/schoolSenery.vue'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import schoolIntroduce from '../components/home/schoolIntroduce.vue'
import schoolFeatures from '../components/home/schoolFeatures.vue'
import projectAdvantages from '../components/home/projectAdvantages.vue'
import campusPhotos from '../components/home/campusPhotos.vue'
import rightAside from '../components/rightAside'
import Video from '../components/home/Video.vue'
import Banners from '../components/home/banners.vue'
import SchoolIntroduce from '../components/home/schoolIntroduce.vue'
export default {
layout: 'normal',
components: {
banners,
projectPosition,
projectFeatures,
// schoolSenery,
news,
presence,
commonProblem,
openClass,
rightAside,
Video,
Banners,
SchoolIntroduce
schoolIntroduce,
schoolFeatures,
projectAdvantages,
campusPhotos,
rightAside
},
data() {
return {
......
pages/news/hot/_id.vue
浏览文件 @ e3bfad00
......@@ -126,7 +126,7 @@ export default {
.line {
width: 6px;
height: 22px;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 22px;
......@@ -230,7 +230,7 @@ export default {
.line {
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 0.16rem;
......
pages/news/hot/index.vue
浏览文件 @ e3bfad00
......@@ -13,7 +13,7 @@ export default {
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/sit-plus/news_banner.jpeg?v=1',
banner: '/woosuk/campus-banner.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
......
pages/news/interview/_id.vue
浏览文件 @ e3bfad00
......@@ -128,7 +128,7 @@ export default {
.line {
width: 6px;
height: 22px;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 22px;
......@@ -232,7 +232,7 @@ export default {
.line {
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
background: #2065a0;
}
.text {
font-size: 0.16rem;
......
pages/project-intro/bg.vue
浏览文件 @ e3bfad00
......@@ -4,23 +4,23 @@
<div class="content-mian" v-if="isMobile">
<tab-content @tabChange="tabChange"></tab-content>
<div class="content-mod1" v-if="showIndex === 0">
<img src="https://webapp-pub.ezijing.com/project/kelley-h5/project-mod1-banner.png" class="main-banner" />
<img src="/woosuk/advantages/1.jpg" class="main-banner" />
<div class="content-txt">
<div class="tit"></div>
<div class="text">
<div class="p" v-html="$t('bg.con1Txt')"></div>
</div>
<img src="https://webapp-pub.ezijing.com/project/kelley-h5/project-mod1-img.png" />
<img src="/woosuk/woosuk-mark.png" />
</div>
</div>
<div class="content-mod2" v-if="showIndex === 1">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx.jpg" class="main-banner" />
<img src="/woosuk/advantages/2.jpg" class="main-banner" />
<div class="content-txt">
<div class="p" v-html="$t('bg.con2Txt')"></div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 2">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary-new-tabimg.jpg" class="main-banner" />
<img src="/woosuk/advantages/3.jpg" class="main-banner" />
<div class="content-txt">
<div class="p" v-html="$t('bg.con3Txt')"></div>
</div>
......@@ -39,7 +39,7 @@
</ul>
<div class="zjjy" v-if="tabActive === 'zjjy'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-zjjy.png" />
<img src="/woosuk/advantages/1.jpg" />
</div>
<div class="text" v-html="$t('bg.con1Txt')"></div>
<div class="tags">
......@@ -61,13 +61,13 @@
</div>
<div class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx.jpg" />
<img src="/woosuk/advantages/2.jpg" />
</div>
<div class="text" v-html="$t('bg.con2Txt')"></div>
</div>
<div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary-new-tabimg.jpg" />
<img src="/woosuk/advantages/3.jpg" />
</div>
<div class="text" v-html="$t('bg.con3Txt')"></div>
</div>
......@@ -94,17 +94,15 @@ export default {
{ name: 'lhbx', label: this.$t('bg.tabBtn3') }
],
tags: [
{ num: 12, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 522, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 600, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 700, unit: '+', text: this.$t('bg.con1ItemT4') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT5') },
{ num: 4800, unit: '+', text: this.$t('bg.con1ItemT6') },
{ num: 5000, unit: '+', text: this.$t('bg.con1ItemT7') },
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
{ num: 11, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 500, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 200, unit: this.$t('bg.unit4'), text: this.$t('bg.con1ItemT4') },
{ num: 18, unit: this.$t('bg.unit5'), text: this.$t('bg.con1ItemT5') },
{ num: 6000, unit: '+', text: this.$t('bg.con1ItemT6') }
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx3.jpg',
banner: '/woosuk/project-banner.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
......@@ -151,8 +149,8 @@ export default {
cursor: pointer;
}
li.is-active {
border-color: #aa1941;
color: #aa1941;
border-color: #2065a0;
color: #2065a0;
background-color: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
......@@ -189,7 +187,7 @@ export default {
width: calc(100% - 17px);
p {
font-size: 20px;
color: #aa1941;
color: #2065a0;
span {
font-size: 28px;
font-weight: bold;
......
pages/project-intro/certificate.vue
浏览文件 @ e3bfad00
......@@ -5,7 +5,7 @@
<div class="certificate-main">
<img
class="cert-img"
src="https://webapp-pub.ezijing.com/project/marywood/marywood-cert-new2.png"
src="/woosuk/certificates.png"
/>
</div>
</app-frame>
......@@ -18,7 +18,7 @@ export default {
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx3.jpg',
banner: '/woosuk/project-banner.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
......@@ -79,7 +79,7 @@ export default {
display: inline-block;
width: 22px;
height: 22px;
background: url('https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-icon.png');
background: #2065a0;
background-size: 22px 22px;
margin-right: 10px;
vertical-align: middle;
......@@ -108,7 +108,7 @@ export default {
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #aa1941;
color: #2065a0;
}
}
</style>
pages/project-intro/charac.vue
浏览文件 @ e3bfad00
......@@ -22,23 +22,23 @@ export default {
return {
list: [
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon1.png',
img: '/woosuk/woosuk-mark.png',
title: this.$t('feature.item1Tit'),
texts: [this.$t('feature.item1Txt1'), this.$t('feature.item1Txt2'), this.$t('feature.item1Txt3')]
},
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon2.png',
img: '/woosuk/woosuk-mark.png',
title: this.$t('feature.item2Tit'),
texts: [this.$t('feature.item2Txt1'), this.$t('feature.item2Txt2'), this.$t('feature.item2Txt3')]
},
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon3.png',
img: '/woosuk/woosuk-mark.png',
title: this.$t('feature.item3Tit'),
texts: [this.$t('feature.item3Txt1'), this.$t('feature.item3Txt2'), this.$t('feature.item3Txt3')]
}
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx3.jpg',
banner: '/woosuk/project-banner.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
......@@ -82,6 +82,7 @@ export default {
width: 120px;
height: 120px;
margin: 43px 0 0 47px;
object-fit: contain;
}
}
.right {
......
pages/project-intro/introduce.vue
浏览文件 @ e3bfad00
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/project-intro_banner.png" class="banner" />
<img src="/woosuk/project-banner.jpg" class="banner" />
<div class="part_content">
<div class="part_item">
斯蒂文斯理工学院硕士保研项目是清控紫荆教育联合美国多所知名院校推出的国际硕士保研项目之一。清控紫荆教育为斯蒂文斯理工学院硕士保研项目官方授权中国招生与教学中心。
韩国又石大学专升本项目是韩国又石大学国际学院（清控紫荆教育）联合推出的全日制本科学历提升项目。韩国又石大学国际学院（清控紫荆教育）为该项目官方授权中国招生与教学中心。
</div>
<div class="part_item">
国际硕士保研项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目有条件录取后，第1年在国内就读（已工作人士可以边工作边就读）。国内就读课程主要为英语强化课程及部分硕士学分课，由美国大学认可的国内大学或者有实力的教育机构实施录取和教学，一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后，获得美国大学的无条件录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可向中国(教育部)留学服务中心申请认证为硕士研究生学历。
本项目面向国内三年制大专应届/往届毕业生及大二、大三在读学生，采用“国内预修+国外修读”两阶段培养模式。第一阶段在国内修读专升本前置衔接课程及韩语强化课程，通过规定的语言考核（参加紫荆韩语强化课程等同韩语Topik成绩）；第二阶段专科毕业后赴韩国又石大学直插大四，1年修完本科学分课程，学业考核合格后颁发学士学位证书，回国后可向中国（教育部）留学服务中心申请学历认证，并按规定享受留学归国人员相关待遇与优惠政策。
</div>
<div class="part_item">
国际硕士保研项目基于美国大学对中国教育机构或者大学的充分认证与授权，使得学生申请过程更加便捷。同其他赴美硕士留学项目相比，节省了国内备考与海外学习时间的同时也节约了可观的留学花费，已经成为越来越多优秀大学生的升硕选择。
本项目免国内统考、免语言基础、申请制入学，国内+国外学习费用及生活费合计约7万元人民币，是低成本获取全日制海外本科学历的高性价比升学通道。
</div>
</div>
</app-frame>
......@@ -33,14 +33,12 @@ export default {
{ name: 'lhbx', label: this.$t('bg.tabBtn3') },
],
tags: [
{ num: 12, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 522, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 600, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 700, unit: '+', text: this.$t('bg.con1ItemT4') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT5') },
{ num: 4800, unit: '+', text: this.$t('bg.con1ItemT6') },
{ num: 5000, unit: '+', text: this.$t('bg.con1ItemT7') },
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') },
{ num: 11, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 500, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 200, unit: this.$t('bg.unit4'), text: this.$t('bg.con1ItemT4') },
{ num: 18, unit: this.$t('bg.unit5'), text: this.$t('bg.con1ItemT5') },
{ num: 6000, unit: '+', text: this.$t('bg.con1ItemT6') },
],
frameParams: {
slider: [
......
pages/returnPolicy/returnPolicy.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img style="width: 100%; height: 100%" src="https://webapp-pub.ezijing.com/project/marywood/return_banner.png" />
<div v-if="!isMobile">
<div class="com_top">
<h1 class="com_title">留学回国人员福利政策</h1>
<h2 class="com_title_dec">中华人民共和国教育部：“鼓励留学，支持回国”</h2>
<div class="com_con">
中国教育部思想政治工作司司长魏士强2021年12月7日的新闻发布会中发表评论：“支持留学、鼓励回国、来去自由、发挥作用”<br />是我国多年来奉行的留学政策，即使是进入新时代，我们依然要一以贯之地实行。
<br />我国各省市、地区针对留学生回国颁布了人才引流福利政策，留学已经成为越来越多学生的升学选择。
</div>
</div>
<div class="com_bottom">
<div class="left_part">
<div class="line"></div>
</div>
<div class="right_part">
<div class="right_part_item" v-for="(item, id) in policyData" :key="id">
<div class="item_title">
<span class="item_id">{{ item.id }}</span>
<span class="item_tit">{{ item.title }}</span>
</div>
<div class="dash_line"></div>
<div class="item_desc">
{{ item.desc }}
</div>
</div>
</div>
</div>
</div>
<div v-else>
<div class="com_top">
<h1 class="com_title">留学回国人员福利政策</h1>
<h2 class="com_title_dec">中华人民共和国教育部：“鼓励留学，支持回国”</h2>
<div class="com_con">
中国教育部思想政治工作司司长魏士强2021年12月7日的新闻发布会中发表评论：“支持留学、鼓励回国、来去自由、发挥作用”
是我国多年来奉行的留学政策，即使是进入新时代，我们依然要一以贯之地实行。
<br />我国各省市、地区针对留学生回国颁布了人才引流福利政策，留学已经成为越来越多学生的升学选择。
</div>
</div>
<div class="com_bottom">
<div class="left_part">
<div class="line"></div>
</div>
<div class="right_part">
<div class="right_part_item" v-for="(item, id) in policyData" :key="id">
<div class="item_title">
<span class="item_id">{{ item.id }}</span>
<span class="item_tit">{{ item.title }}</span>
</div>
<div class="dash_line"></div>
<div class="item_desc">
{{ item.desc }}
</div>
</div>
</div>
</div>
</div>
<!-- <img
class="bottom"
v-else
src="https://webapp-pub.ezijing.com/project/marywood/h5/return_con.png"
/> -->
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: '高薪就业', path: '/returnPolicy/salary' },
{ name: '归国政策', path: '/returnPolicy/returnPolicy' },
],
},
policyData: [
{
id: 1,
title: '积分落户',
desc: '北京、上海、广州、深圳、天津等地为取得教育部学历认证的海外留学人员提供落户便利，符合条件者可提出申请，办理落户。',
},
{
id: 2,
title: '人才补助',
desc: '上海、广州、深圳、杭州等地为海归人才提供最高6万的生活补贴。获得北京市“特聘专家”称号可直接获得100万奖励。',
},
{
id: 3,
title: '创业扶持',
desc: '朝阳区“凤凰计划”、海淀区青年英才资助计划、上海浦江人才计划等为符合条件的回国创业海归人员提供15万到50万的创业补贴。',
},
{
id: 4,
title: '百人计划',
desc: '中科院百人计划，引进国外杰出博士人才，以每人200万元的资助力度从国外吸引并培养百余名优秀青年学术带头人。一旦入选，除获得一次性启动经费外还可获得中科院特殊津贴。',
},
{
id: 5,
title: '学术研究',
desc: '评职称时，海归申报可不受工作年限的限制。在外留学一年以上，年龄四十五周岁以下，回国后在科研单位从事教学、科研工作的可申请留学回国人员科研启动资金。',
},
{
id: 6,
title: '购房购车',
desc: '符合条件的留学归国人员可以购买国产免税轿车，每人限享受一个免税指标。部分地区对留学落户人员购房予以一次性3-5万优惠。',
},
{
id: 7,
title: '子女入学',
desc: '有些地区对于留学人员子女入学有优惠政策，通常由教育部门统一安排，择校入学;在国外生活5年以上，在语言文字适应期内入学，给予加分优惠，区内设有教授外语的学校供留学生自由选择。',
},
],
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.com_top {
padding: 82px 50px 0 50px;
box-sizing: border-box;
.com_title {
font-size: 22px;
font-weight: 500;
color: #333333;
}
.com_title_dec {
font-size: 20px;
font-weight: 400;
color: #424242;
margin-top: 20px;
}
.com_con {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 32px;
margin-top: 52px;
}
}
.com_bottom {
display: flex;
justify-content: center;
padding: 60px 60px 102px 60px;
.left_part {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
.line {
width: 0px;
height: 930px;
border-right: 1.5px dashed #aa1941;
z-index: 10;
margin-top: -130px;
}
}
.right_part {
position: relative;
.item_title {
.item_id {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
background: #aa1941;
border-radius: 50%;
text-align: center;
margin-left: -14px;
margin-top: 5px;
position: absolute;
z-index: 1000000;
color: #fff;
}
.item_tit {
font-size: 16px;
font-weight: bold;
line-height: 36px;
color: #666666;
padding-left: 30px;
}
}
.dash_line {
border-bottom: 1px dashed #d5d5d5;
width: 857px;
margin-left: 30px;
}
.item_desc {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
padding-left: 29px;
margin: 20px 0 43px 0px;
}
}
}
}
.is-h5 {
.com_top {
padding: 0.2rem 0.2rem 0 0.2rem;
box-sizing: border-box;
.com_title {
font-size: 0.22rem;
font-weight: 500;
color: #333333;
}
.com_title_dec {
font-size: 0.14rem;
font-weight: 400;
color: #424242;
margin-top: 0.1rem;
}
.com_con {
font-size: 0.13rem;
font-weight: 300;
color: #424242;
line-height: 0.22rem;
margin-top: 0.2rem;
}
}
.com_bottom {
display: flex;
justify-content: center;
padding: 0.3rem 0.3rem 0.5rem 0.3rem;
.left_part {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
.line {
width: 0px;
height: 8.2rem;
border-right: 1px dashed #aa1941;
z-index: 10;
margin-top: -1.12rem;
}
}
.right_part {
position: relative;
.item_title {
.item_id {
display: inline-block;
width: 0.24rem;
height: 0.24rem;
line-height: 0.24rem;
background: #aa1941;
border-radius: 50%;
text-align: center;
margin-left: -0.135rem;
margin-top: 0.06rem;
position: absolute;
z-index: 1000000;
color: #fff;
}
.item_tit {
font-size: 0.16rem;
font-weight: bold;
line-height: 0.36rem;
color: #666666;
padding-left: 0.2rem;
}
}
.dash_line {
border-bottom: 1px dashed #d5d5d5;
width: 3.1rem;
margin-left: 0.2rem;
}
.item_desc {
font-size: 0.14rem;
font-weight: 300;
line-height: 0.22rem;
color: #424242;
padding-left: 0.2rem;
margin: 0.1rem 0 0.2rem 0px;
}
}
}
}
.is-h5 {
// .com_top {
.bottom {
width: 100%;
height: 100%;
padding: 0.2rem 0.3rem 0.24rem 0.3rem;
}
// .com_title {
// font-size: 0.14rem;
// font-weight: 500;
// color: #333333;
// }
// .com_title_dec {
// font-size: 0.12rem;
// font-weight: 400;
// color: #424242;
// margin-top: 0.1rem;
// }
// .com_con {
// font-size: 0.1rem;
// font-weight: 300;
// color: #424242;
// margin-top: 0.21rem;
// }
// }
// .com_bottom {
// display: flex;
// justify-content: center;
// padding: 0.6rem 0.6rem 1.02rem 0.6rem;
// .left_part {
// display: flex;
// justify-content: center;
// flex-direction: column;
// position: relative;
// .line {
// width: 0px;
// height: 5.7rem;
// border: 1px dashed #aa1941;
// z-index: 10;
// margin-top: -0.8rem;
// }
// }
// .right_part {
// position: relative;
// .item_title {
// .item_id {
// display: inline-block;
// width: 0.12rem;
// height: 0.12rem;
// line-height: 0.12rem;
// background: #aa1941;
// border-radius: 50%;
// text-align: center;
// margin-left: -0.07rem;
// margin-top: 0.05rem;
// position: absolute;
// z-index: 1000000;
// color: #fff;
// }
// .item_tit {
// font-size: 0.12rem;
// font-weight: bold;
// line-height: 0.24rem;
// color: #666666;
// padding-left: 0.26rem;
// }
// }
// .dash_line {
// border-bottom: 1px dashed #d5d5d5;
// width: 2.5rem;
// margin-left: 0.26rem;
// }
// .item_desc {
// font-size: 0.09rem;
// font-weight: 300;
// color: #424242;
// padding-left: 0.26rem;
// margin: 0.1rem 0 0.22rem 0px;
// }
// }
// }
}
</style>
pages/returnPolicy/salary.vue deleted 100644 → 0
浏览文件 @ 0ed98c8e
<template>
<app-frame :data="frameParams">
<div style="padding:30px" :class="isMobile ? 'is-h5' : 'is-pc'">
<p>
工程管理专业是一门包含了工程和管理两个方面的交叉学科，一般是由工程学院和商学院联合授课，旨在拓展学生在商业、技术管理等方面的技能。
</p>
<p>&nbsp;</p>
<p class="title">工程管理MEM就业前景</p>
<p>
本专业学生毕业后可在工程、管理、科研和咨询等领域获得广阔的就业机会，能在制作业、服务业、公共事业、科研院所、政府部门和事业单位从事教学、科研、管理及设计开发工作。
</p>
<p>&nbsp;</p>
<p class="title">1.精打细算的经济师</p>
<p>
MEM=工程+管理，旨在运用系统分析、工程设计、建模仿真等方法，改进效率、提高质量、降低成本，使项目最快、最经济地执行落地。
</p>
<p>&nbsp;</p>
<p class="title">2.术业专攻的技术将才&mdash;&mdash;CTO</p>
<p>CTO需要技术有前瞻性，对产业格局有判断，对管理有心得。</p>
<p>&nbsp;</p>
<p>
CTO还要胜任技术选型，技术方案成本，技术战略，性能调优及架构扩展、甚至系统架构师，团队管理和效率提升，技术人才招聘，团队培养，技术培训，到开发模式培训(比如现在流行的敏捷开发)，产品质量测评体系，信息安全防护等等，数据决策体系。
</p>
<p>&nbsp;</p>
<p>而以上所提及的技能和能力，可通过领域方向课程和工程管理核心课程学得。</p>
<p>&nbsp;</p>
<p class="title">3.挥斥方琼的掌舵帅才&mdash;&mdash;CEO</p>
<p>
与MEM相关性，其中的经典管理内容：如质量管理、生产管理、产品开发管理、过程管理、项目管理等，以及工程管理核心课程中的领导力、战略管理、市场营销等。驱动着一个项目单元乃至一个企业的命脉。
</p>
<p>&nbsp;</p>
<p class="title">4.精益运维的全才&mdash;&mdash;COO</p>
<p>
在某些公司中COO会同时兼任总裁，首席运营官是经总经理授权负责统管公司经营工作，建立统一的经营管理方针政策，行使对公司经营工作的指导、指挥、监督、管理的权力，并承担执行各项规章、工作指令的义务。
</p>
<p>&nbsp;</p>
<p class="title">5.强矩阵组织架构中的项目总监&mdash;&mdash;PML</p>
<p>
强调项目经理为核心角色的公司，就属于强矩阵的组织架构。在项目管理新潮流下，MEM助攻技术基层-项目经理-项目总监的成长路径，足够明晰。
</p>
<p>&nbsp;</p>
<p class="title">6.把控产品战略和走向&mdash;&mdash;产品总监</p>
<p>
如质量管理、生产管理、产品开发管理、过程管理、项目管理等，以及工程管理核心课程中的领导力、战略管理、市场营销等。也同样决定着产品的走向和全生命周期的形态。
</p>
<p>&nbsp;</p>
<p class="title">7.科学严谨的工程师&mdash;&mdash;Engineer</p>
<p>
整个工程的全过程所要涉及的各个环节，工程师都紧密的参与其中对工程的科学有效的管理如果缺少了这些知识作为底蕴，则很难&ldquo;驾驭&rdquo;一项完整的工程。
</p>
<p>&nbsp;</p>
<p class="title">8.统筹全局的架构师&mdash;&mdash;chief software architect</p>
<p>
架构师，顾名思义，要负责整个系统的架构，尤其是涉及到一个系统（或子系统）全局的整体设计，所以往往需要高层、上层（high-level）的战略（strategic）层面的思考，这样就必然需要架构师经常进行建模（Modeling），对代码、模块、子系统和系统中的各种静态结构、关系和动态行为、交互等等进行抽象。
</p>
<p>&nbsp;</p>
<p class="title">就业薪资水平</p>
<p>
美国大学和雇主协会（National Association of Colleges and
Employers）发布了2021毕业生薪资最高的美国大学排名，美国大学毕业生薪资最高的十所院校中，<span class="title"
>斯蒂文斯理工学院位列第七位</span
>。
</p>
<p>&nbsp;</p>
<p>U.S. News 综合大学排名: 83&nbsp;</p>
<p>起薪中位数: $67,000&nbsp;</p>
<p>2021-2022学费: $56,920</p>
<p>
斯蒂文斯理工学院坐落于新泽西州的霍博肯市，属于纽约大都会区，<span class="title"
>与世界500强企业聚集的纽约曼哈顿岛隔河相望</span
>，是世界上地理位置最佳的学校之一。USA
Today将其评选全美TOP七工程学院之一。作为一所理工院校，自然非常重视工程，其是设计中心Maker
Center的所在地，其中包括3D打印、激光切割和焊接设施。该学院最受欢迎的专业是机械工程、工程管理、工商管理、计算机科学、计算机工程和化学工程，毕业生享有极高声誉。
</p>
<p>&nbsp;</p>
<p>
在就业方面，得益于SIT严格的的课程以及与实际生活中相结合的教育方式，学生可以在当今复杂多样、高技术性的市场中占据优势。根据数据显示，<span
class="title"
>96%的斯蒂文斯大学毕业生在毕业后6个月内达到了他们预期薪水</span
>。
</p>
<p>&nbsp;</p>
<p>
根据SIT 2021就业发展成果报告显示，该校毕业生就业企业统计，就职企业包括BMW, Exxon, Goldman Sachs, IBM, Johnson
&amp; Johnson, and Lockheed
Martin等，而学校的就业中心也致力于为学生提供更多的服务，学校每年有300多家雇主在校园里招聘，为SIT毕业生在当今竞争激励的就业市场增加更多的机会。
</p>
<p>&nbsp;</p>
<img src="https://webapp-pub.ezijing.com/project/sit-plus/sit_work.png" style="width:100%" />
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: '高薪就业', path: '/returnPolicy/salary' },
{ name: '归国政策', path: '/returnPolicy/returnPolicy' }
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
p {
font-size: 20px;
}
.title {
font-weight: bold;
}
}
.is-h5 {
p {
font-size: 0.13rem;
}
.title {
font-weight: bold;
}
}
</style>
pages/school/school.vue
浏览文件 @ e3bfad00
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-index-banner.png" />
<div class="banner_con">
<div class="con_tit">斯蒂文斯理工学院简介</div>
<p class="con_desc">
斯蒂文斯理工学院创办于1870年，和麻省理工、加州理工、伦斯勒理工学院并称为美国四大理工学院，是美国历史最为悠久的理工学院之一。学校坐落于纽约大都会区新泽西州霍博肯市（Hoboken,
New Jersey），与曼哈顿岛隔河相望，是世界上地理位置最佳的学校之一。
</p>
<p class="con_desc">
斯蒂文斯理工学院是一所在美国的教育和研究领域中位居前沿的理工类大学，长年位列U.S. News & World
Report全美Top100。该校的教授和学者在自然科学及管理科学领域享有盛誉，培养了诺贝尔物理学奖得主费瑞得瑞恩(Frederick
Reines)、诺贝尔化学奖得主欧文朗缪尔（Irving Langmuir）、现代管理学之父弗雷德里克泰勒（Frederick Winslow
Taylor）以及甘特图的发明者亨利甘特（Henry Laurence
Gantt）等杰出人才。该校毕业生享有极高声誉，在NACE全美大学最高薪酬排行中位列第7位，在二十年投资回报比中位列第三位，USA
Today将其评选为全美最佳七所工程学院之一。
</p>
</div>
<img class="img_banner" src="/woosuk/school-banner.jpg" />
</div>
<section class="section">
<div class="swiper-content1">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
<video controls :poster="item.img">
<source :src="item.web_img_uri" type="video/mp4" />
</video>
</div>
</div>
<h2 class="section_title">学校简介</h2>
<div class="section_content">
<p class="award">在全国高校评估中被评为韩国最优秀大学(A级)，韩国教育部主持的最权威的评估。</p>
<p>
又石大学位于韩国最负盛名的历史文化名城全州市。学校拥有悠久的校史和雄厚的底蕴，以卓越的师资团队为核心，发展成为了大韩民国最具代表性的名牌大学之一。现有两大校区，主校区坐落于全罗北道的首府全州市，第二校区位于首尔南部镇川市。学校在诸多领域引领着亚洲发展，就业率、国际化、科研转化等各项指标在全国名列前茅。又石大学在韩国高等教育方面发挥着重要作用，是促进韩国社会进步的重要角色。韩国总理、外交部长、环境交通部长等诸多韩国领导人多次莅临又石大学进行访问，肯定了又石大学所做出的突出贡献。
</p>
</div>
</section>
<section class="section">
<h2 class="section_title">师资介绍</h2>
<div class="section_teacher">
<div class="teacher_item" v-for="(item, index) in teacherList" :key="index">
<img :src="item.img" class="item_img" />
<div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div>
<div class="item_desc">
<ul>
<li v-for="(it, index) in item.desc" :key="index">
{{ it }}
</li>
</ul>
</div>
<h2 class="section_title">学校优势</h2>
<div class="feature_list">
<div class="feature_item" v-for="(item, index) in featureList" :key="index">
<div class="item_num">{{ index + 1 }}</div>
<div class="item_body">
<div class="item_tit">{{ item.tit }}</div>
<div class="item_con">{{ item.con }}</div>
</div>
</div>
</div>
</section>
<section class="section">
<h2 class="section_title">名人堂</h2>
<div class="section_teacher">
<div class="teacher_item1" v-for="(item, index) in alumnusList" :key="index">
<img :src="item.img" class="item_img" />
<div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div>
<div class="item_desc">
<ul>
<li v-for="(it, index) in item.desc" :key="index">
<p v-html="it"></p>
</li>
</ul>
</div>
</div>
<h2 class="section_title">校园风光</h2>
<div class="photo_list">
<div class="photo_item" v-for="(item, index) in photoList" :key="index">
<img :src="item.web_img_uri" :alt="'又石大学校园风光' + (index + 1)" />
</div>
</div>
</section>
<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>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
videoData: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/video_sit1.png',
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%991.mp4',
},
featureList: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/video_sit2.png',
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%992.mp4',
tit: '中韩两国官方权威认可',
con: '中国教育部教育涉外监管信息网正规备案认证高校（代码可查），学历受中国教育部留学服务中心正规认证；同时获中国教育部批准举办中外合作办学项目。'
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/video_sit3.png',
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%993.mp4',
tit: '区域问题解决型教育模式（RISE）',
con: '又石大学通过RISE项目构建“区域问题解决型教育模式”，在全国RISE成果共享论坛会上被评价为可推广的成功案例，并成为地方大学参与区域创新的代表性模式。'
},
],
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg5.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg6.png' },
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 10,
on: {
init() {
_this.swiper.slideNext()
},
},
},
// swiperOption1: {
// observer: true,
// observeParents: true,
// speed: 400,
// autoplay: true,
// delay: 3000,
// loop: true,
// slidesPerView: 'auto',
// centeredSlides: true,
// // spaceBetween: 1,
// on: {
// init() {
// _this.swiper1.slideNext()
// }
// }
// },
teacherList: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher1.png',
tit: 'Carlo Lipizzi',
desc: ['副教授 & 项目负责人', '斯蒂文斯理工学院博士'],
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher2.png',
tit: 'Yehia Massoud',
desc: ['教授、学院院长', 'IEEE 电气与电子工程师协会院士', '麻省理工学院博士'],
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher3.png',
tit: 'Roshanak Nilchiani',
desc: ['副教授', '麻省理工学院博士'],
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher4.png',
tit: 'Kathryn Abel',
desc: ['副教授', '斯蒂文斯理工学院博士'],
},
],
alumnusList: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic1.png',
tit: 'Leon Febres Cordero',
desc: ['厄瓜多尔总统'],
tit: '韩国教育部“A级最优秀大学”',
con: '在韩国教育部大学结构改革评估中摘得最高等级“A级”（全韩数百所高校中仅34所获此殊荣）；获评韩国教育部“外国留学生国际化认证大学”及“大学创新支持事业A等级大学”。'
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic2.png',
tit: 'Charles Stewart Mott',
desc: ['美国通用汽车公司<br/>联合创始人'],
tit: '稳居韩国高校综合排名前列',
con: '在EduRank、uniRank等国际权威高校排名中，又石大学稳居韩国高校百强（第70-80位区），在产学研融合、教育服务及留学生满意度等指标中均名列前茅。'
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic3.png',
tit: 'Frederick Reines',
desc: ['诺贝尔物理学奖'],
tit: '顶尖师资与产业化教学',
con: '学校拥有一支国际化背景浓厚的教授团队，博士生导师及产业实务专家占比极高；依托韩国国家级“产学合作示范项目（LINC+）”，建立起“教学-实践-就业”全链条人才培养模式。'
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic4.png',
tit: 'Lrving Langmuir',
desc: ['诺贝尔化学奖'],
},
tit: '90.3% 超高就业率领跑全韩',
con: '依托独创的“一站式就业援助体系”与深厚的企业合作网络，毕业生就业率高达90.3%，持续领跑韩国综合性大学第一梯队，真正实现“毕业即高质量就业”。'
}
],
photoList: [
{ web_img_uri: '/woosuk/photos/photo-1.jpg' },
{ web_img_uri: '/woosuk/photos/photo-2.jpg' },
{ web_img_uri: '/woosuk/photos/photo-3.jpg' },
{ web_img_uri: '/woosuk/photos/photo-4.jpg' },
{ web_img_uri: '/woosuk/photos/photo-5.jpg' },
{ web_img_uri: '/woosuk/photos/photo-6.jpg' },
{ web_img_uri: '/woosuk/photos/photo-7.jpg' },
{ web_img_uri: '/woosuk/photos/photo-8.jpg' },
{ web_img_uri: '/woosuk/photos/photo-9.jpg' },
{ web_img_uri: '/woosuk/photos/photo-10.jpg' },
{ web_img_uri: '/woosuk/photos/photo-11.jpg' },
{ web_img_uri: '/woosuk/photos/photo-12.jpg' },
{ web_img_uri: '/woosuk/photos/photo-13.jpg' },
{ web_img_uri: '/woosuk/photos/photo-14.jpg' },
{ web_img_uri: '/woosuk/photos/photo-15.jpg' },
{ web_img_uri: '/woosuk/photos/photo-16.jpg' },
{ web_img_uri: '/woosuk/photos/photo-17.jpg' },
{ web_img_uri: '/woosuk/photos/photo-18.jpg' },
{ web_img_uri: '/woosuk/photos/photo-19.jpg' },
{ web_img_uri: '/woosuk/photos/photo-20.jpg' },
{ web_img_uri: '/woosuk/photos/photo-21.jpg' },
{ web_img_uri: '/woosuk/photos/photo-22.jpg' },
{ web_img_uri: '/woosuk/photos/photo-23.jpeg' },
{ web_img_uri: '/woosuk/photos/photo-24.jpeg' },
{ web_img_uri: '/woosuk/photos/photo-25.jpeg' }
]
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
swiper1() {
return this.$refs.mySwiper1.swiper
},
isMobile() {
return this.$store.state.isMobile
},
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
// swiperStop1() {
// this.swiper1.autoplay.stop()
// },
// swiperStart1() {
// this.swiper1.autoplay.start()
// }
},
}
</script>
<style lang="scss" scoped>
.is-pc {
overflow: hidden;
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.banner_con {
position: absolute;
top: 50%;
left: 10%;
right: 10%;
transform: translateY(-50%);
.con_tit {
font-size: 50px;
font-weight: 500;
color: #ffffff;
text-align: center;
}
.con_desc {
text-align: justify;
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #ffffff;
margin-top: 30px;
display: block;
}
}
}
.section {
max-width: 1212px;
margin: 83px auto;
.swiper-content1 {
width: 1200px;
margin-left: 60px;
.swiper-slide {
width: 360px;
height: 574px;
video {
height: 100%;
line-height: 100%;
}
}
}
max-width: 1200px;
margin: 60px auto;
.section_title {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
margin: 20px 0;
padding-left: 20px;
height: 32px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
}
.section_teacher {
width: 1200px;
display: flex;
justify-content: space-between;
margin-top: 36px;
.teacher_item {
width: 260px;
display: flex;
flex-direction: column;
.item_img {
width: 260px;
height: 310px;
object-fit: cover;
border-left: 7px solid #2065a0;
}
.item_bottom {
padding: 24px 10px 0 10px;
.img_tit {
.section_content {
p {
font-size: 18px;
font-weight: 500;
color: #424242;
}
.item_desc {
color: #666;
line-height: 36px;
text-align: justify;
margin-top: 20px;
li {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
.award {
font-size: 20px;
font-weight: 500;
color: #2065a0;
}
}
.teacher_item1 {
width: 260px;
.feature_list {
margin-top: 26px;
.feature_item {
display: flex;
flex-direction: column;
align-items: center;
.item_img {
width: 260px;
height: 310px;
object-fit: cover;
}
.item_bottom {
width: 260px;
height: 100px;
background: #ffffff;
align-items: flex-start;
padding: 26px 0;
border-bottom: 1px dashed #dcdcdc;
&:last-child {
border-bottom: none;
padding-bottom: 0;
}
.item_num {
flex: none;
width: 40px;
height: 40px;
margin-right: 24px;
background: #2065a0;
border-radius: 50%;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 40px;
text-align: center;
padding: 20px 0;
.img_tit {
font-size: 18px;
}
.item_body {
.item_tit {
font-size: 20px;
font-weight: 500;
color: #333333;
color: #2065a0;
line-height: 1.5;
}
.item_desc {
li {
white-space: nowrap;
.item_con {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
color: #666;
line-height: 32px;
text-align: justify;
}
}
}
}
.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;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
.photo_list {
margin-top: 26px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
.photo_item {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
img {
width: 100%;
height: 100%;
line-height: 100%;
height: 210px;
object-fit: cover;
display: block;
transition: 0.3s;
}
&:hover img {
transform: scale(1.05);
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
}
.is-h5 {
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.banner_con {
padding: 0.23rem 0.3rem;
.con_tit {
font-size: 0.14rem;
color: #424242;
font-weight: bold;
}
.con_desc {
font-size: 0.12rem;
font-weight: 300;
color: #424242;
margin-top: 0.16rem;
line-height: 2;
}
display: block;
}
}
.section {
.swiper-content1 {
overflow-x: auto;
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
video {
height: 100%;
line-height: 100%;
}
}
}
margin: 0.3rem 0.15rem;
.section_title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
padding-left: 0.16rem;
margin-top: 0.23rem;
}
.section_teacher {
display: flex;
justify-content: space-between;
margin-top: 0.18rem;
overflow-x: auto;
padding-left: 0.15rem;
.teacher_item {
padding: 0.15rem 0.18rem 0 0.2rem;
width: 1.9rem;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
margin-right: 0.15rem;
.item_img {
width: 1.7rem;
height: 1.8rem;
object-fit: cover;
}
.item_bottom {
padding: 0.12rem 0.18rem 0.1rem 0.3rem;
text-align: left;
.img_tit {
font-size: 0.09rem;
font-weight: 500;
color: #424242;
position: relative;
margin: 0.2rem 0;
padding-left: 0.1rem;
height: 0.2rem;
font-size: 0.17rem;
line-height: 0.2rem;
font-weight: 700;
border-left: 0.03rem solid #2065a0;
}
.item_desc {
.section_content {
p {
font-size: 0.12rem;
color: #666;
line-height: 0.2rem;
text-align: justify;
margin-top: 0.1rem;
li {
// margin-left: 0.1rem;
white-space: nowrap;
font-size: 0.08rem;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
.award {
font-size: 0.14rem;
font-weight: 500;
color: #2065a0;
line-height: 0.24rem;
}
}
.teacher_item1 {
width: 1.85rem;
.feature_list {
.feature_item {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 0.15rem;
.item_img {
width: 1.85rem;
height: 1.8rem;
object-fit: cover;
}
.item_bottom {
width: 1.85rem;
height: 0.7rem;
background: #ffffff;
align-items: flex-start;
padding: 0.16rem 0;
border-bottom: 1px dashed #dcdcdc;
&:last-child {
border-bottom: none;
}
.item_num {
flex: none;
width: 0.22rem;
height: 0.22rem;
margin-right: 0.1rem;
background: #2065a0;
border-radius: 50%;
color: #fff;
font-size: 0.12rem;
font-weight: 500;
line-height: 0.22rem;
text-align: center;
padding: 0.1rem 0;
.img_tit {
font-size: 0.09rem;
}
.item_body {
.item_tit {
font-size: 0.14rem;
font-weight: 500;
color: #333333;
color: #2065a0;
line-height: 1.4;
}
.item_desc {
li {
white-space: nowrap;
font-size: 0.08rem;
.item_con {
margin-top: 0.05rem;
font-size: 0.12rem;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
color: #666;
line-height: 0.2rem;
text-align: justify;
}
}
.content_tit {
padding-left: 0.16rem;
margin-top: 0.23rem;
.tit_desc {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
}
}
.swiper-content {
padding-bottom: 0.2rem;
.swiper-slide {
position: relative;
width: 2.02rem;
height: 1.22rem;
margin-top: 0.28rem;
.photo_list {
margin-top: 0.17rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.08rem;
.photo_item {
border-radius: 0.04rem;
overflow: hidden;
img {
width: 100%;
height: 100%;
line-height: 100%;
height: 1.1rem;
object-fit: cover;
display: block;
}
}
.swiper-slide-active {
width: 2.12rem;
height: 1.33rem;
margin-top: 0.23rem;
}
}
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论