Skip to content

P
project-online-pc
提交 1f3af45e authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

合并pc和h5

上级 4549d512
隐藏空白字符变更
内嵌 并排
正在显示 包含 502 行增加 和 700 行删除
.env
浏览文件 @ 1f3af45e
projectId=1001 projectId=1012
newProjectId=6800243768751554560 newProjectId=6805762100502200320
baseURL=https://project-api.ezijing.com baseURL=https://project-api.ezijing.com
......
.env.dev
浏览文件 @ 1f3af45e
projectId=1001 projectId=1012
newProjectId=6800243768751554560 newProjectId=6805762100502200320
baseURL=https://project-api.ezijing.com baseURL=https://project-api.ezijing.com
......
components/base/h5/ApplyForm.vue
浏览文件 @ 1f3af45e
...@@ -36,11 +36,11 @@ import * as api from '@/api' ...@@ -36,11 +36,11 @@ import * as api from '@/api'
export default { export default {
data() { data() {
return { return {
ruleForm: { name: '', phone: '', project_id: '1001', channel: 19960 }, ruleForm: { name: '', phone: '', project_id: '1012', channel: 19960 },
projectList: [ projectList: [
{ label: '金融工商管理硕士', value: '1000' }, { label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' }, { label: '酒店及旅游业工商管理硕士', value: '1008' },
{ label: '金融硕士', value: '1001' }, { label: '工商管理硕士', value: '1012' },
{ label: '应用心理学硕士', value: '1006' }, { label: '应用心理学硕士', value: '1006' },
{ label: '教育学硕士', value: '1005' }, { label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' } { label: '中国未来金融领袖计划', value: '1007' }
......
components/home/projectFeatures.vue
浏览文件 @ 1f3af45e
...@@ -29,28 +29,28 @@ export default { ...@@ -29,28 +29,28 @@ export default {
}, },
data: [ data: [
{ {
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon1.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon1.png',
iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s1.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon1_a.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT1') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT1')
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon2.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon2.png',
iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s2.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon2_a.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT2') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT2')
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon3.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon3.png',
iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s3.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon3_a.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT3') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT3')
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon4.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon4.png',
iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s4.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon4_a.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT4') : this.$t('home.project.pc.itemT4') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT4') : this.$t('home.project.pc.itemT4')
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon5.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon5.png',
iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s5.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon5_a.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT5') : this.$t('home.project.pc.itemT5') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT5') : this.$t('home.project.pc.itemT5')
} }
] ]
......
components/home/schoolRanking.vue
浏览文件 @ 1f3af45e
<template> <template>
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div>
<div class="ranking-content-box"> <img class="info" v-if="isMobile" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/rzxx-mary.png">
<div v-else class="info-content-box">
<div class="title"> <div class="title">
<div class="line"></div> <div class="line"></div>
<div class="name">{{ $t('home.ranking.title') }}</div> <div class="name">认证信息</div>
<div class="line"></div> <div class="line"></div>
</div> </div>
<div class="content-mian"> <ul class="content-mian">
<div class="li"> <li v-for="(item, index) in data" :key="index">
<div class="li-tit" v-html="$t('home.ranking.item1Tit')"></div> <div class="logo">
<div class="item"> <img :src="item.img" class="img">
<div class="tit"><span>No.</span>11</div>
<div class="p" v-html="$t('home.ranking.item1Txt1')"></div>
</div> </div>
<div class="item"> <img :src="item.text" class="text">
<div class="tit"><span>No.</span>21</div> </li>
<div class="p" v-html="$t('home.ranking.item1Txt2')"></div> </ul>
</div>
</div>
<div class="li">
<div class="li-tit" v-html="$t('home.ranking.item2Tit')"></div>
<div class="item">
<div class="tit"><span>No.</span>1</div>
<div class="p" v-html="$t('home.ranking.item2Txt1')"></div>
</div>
<div class="item">
<div class="tit" style="padding-top: 0.32rem"><span>No.</span>1</div>
<div class="p" v-html="$t('home.ranking.item2Txt2')"></div>
</div>
</div>
<div class="li mar-t">
<div class="li-tit" v-html="$t('home.ranking.item3Tit')"></div>
<div class="item">
<div class="tit"><span>No.</span>1</div>
<div class="p" v-html="$t('home.ranking.item3Txt1')"></div>
</div>
<div class="item">
<div class="tit"><span>No.</span>7</div>
<div class="p" v-html="$t('home.ranking.item3Txt2')"></div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'schoolRanking', name: 'schoolRanking',
data() {
return {
data: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t1.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t2.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t3.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t4.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t5.png'
}
]
}
},
computed: { computed: {
isMobile() { isMobile() {
return this.$store.state.isMobile return this.$store.state.isMobile
...@@ -55,147 +55,115 @@ export default { ...@@ -55,147 +55,115 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc { .info{
.ranking-content-box { width: 100%;
margin-top: 57px; display: block;
width: 100%; }
height: 680px; .info-content-box{
background: url(https://webapp-pub.ezijing.com/project/kelley/home-ranking-bg.png) center; min-width: 1200px;
background-size: cover; padding-bottom: 150px;
.title { margin-top: 100px;
width: 996px; width: 100%;
display: flex; background: rgb(163,0,22);
margin: 0 auto; .title{
justify-content: space-between; width: 996px;
align-items: center; display: flex;
padding: 108px 0 100px; margin: 0 auto;
.line { justify-content: space-between;
width: 369px; align-items: center;
height: 1px; padding: 118px 0 119px;
background: #ffffff; .line{
} width: 369px;
.name { height: 1px;
font-size: 36px; background: #FFFFFF;
font-weight: bold; }
line-height: 100%; .name{
color: #ffffff; font-size: 36px;
} font-weight: bold;
line-height: 100%;
color: #FFFFFF;
} }
.content-mian { }
width: 1000px; .content-mian{
margin: 0 auto; width: 1014px;
display: flex; margin: 0 auto;
justify-content: space-between; display: flex;
.li { li{
width: 250px; width: 190px;
&.mar-t { height: 229px;
transform: translateY(-35px); background: #fff;
.li-tit { border-radius: 20px;
line-height: 34px; margin-left: 16px;
transform: translateY(20px); &:nth-child(1){
} margin-left: 0;
}
&:nth-child(1){
.img{
width: 81px;
height: 66px;
}
.text{
width: 148px;
height: 69px;
} }
.li-tit { }
text-align: center; &:nth-child(2){
font-size: 30px; .img{
line-height: 100%; width: 152px;
color: #fff; height: 61px;
} }
.item { .text{
.tit { width: 184px;
padding-top: 46px; height: 69px;
font-size: 48px;
line-height: 100%;
color: #ffffff;
text-align: center;
margin-bottom: 15px;
line-height: 100%;
span {
font-size: 24px;
}
}
.p {
text-align: center;
font-size: 16px;
line-height: 30px;
color: #ffffff;
// margin-bottom: 11px;
}
} }
} }
} &:nth-child(3){
} .img{
} width: 79px;
.is-h5 { height: 82px;
.ranking-content-box { }
margin-top: 0.2rem; .text{
width: 100%; width: 172px;
min-height: 2.84rem; height: 65px;
background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-ranking-bg.png) center; }
background-size: cover;
padding: 0 0.1rem;
box-sizing: border-box;
.title {
width: 3.41rem;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 0.27rem 0 0.26rem;
.line {
width: 1rem;
height: 0.01rem;
background: #ffffff;
} }
.name { &:nth-child(4){
font-size: 0.17rem; .img{
font-weight: bold; width: 72px;
line-height: 0.33rem; height: 91px;
color: #ffffff; }
.text{
width: 166px;
height: 69px;
}
} }
} &:nth-child(5){
.content-mian { .img{
// width: 1000px; width: 84px;
// margin: 0 auto; height: 84px;
display: flex;
justify-content: space-between;
.li {
width: 1.05rem;
&.mar-t {
transform: translateY(-0.15rem);
.li-tit {
line-height: 0.15rem;
transform: translateY(0.1rem);
}
} }
.li-tit { .text{
text-align: center; width: 134px;
font-size: 0.13rem; height: 67px;
line-height: 100%;
color: #fff;
} }
.item { }
.tit { .logo{
padding-top: 0.15rem; height: 91px;
font-size: 0.24rem; display: flex;
color: #ffffff; align-items: center;
text-align: center; justify-content: center;
margin-bottom: 0.03rem; padding-top: 22px;
line-height: 100%; margin-bottom: 27px;
span { .img{
font-size: 0.12rem; display: block;
}
}
.p {
font-size: 0.1rem;
line-height: 0.16rem;
margin-bottom: 0.05rem;
color: #ffffff;
text-align: center;
}
} }
} }
.text{
display: block;
margin: 0 auto;
}
} }
} }
} }
</style> </style>
\ No newline at end of file
components/layout/h5/Footer.vue
浏览文件 @ 1f3af45e
...@@ -31,11 +31,11 @@ export default { ...@@ -31,11 +31,11 @@ export default {
data() { data() {
return { return {
link: [ link: [
{ title: '中国教育部', href: 'http://www.pbc.gov.cn/' }, { title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
{ title: '教育部涉外监管网', href: 'http://www.pbc.gov.cn/' }, { title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' },
{ title: '印第安纳大学', href: 'http://www.pbc.gov.cn/' }, { title: this.$t('foot.link3'), href: 'http://www.marywood.edu/business/graduate/zijing-marywood-mba.html' },
{ title: 'Kelley商学院', href: 'https://kelley.ezijing.com/' }, { title: this.$t('foot.link4'), href: 'https://www.msche.org/institution/0531/' },
{ title: '紫荆教育', href: 'https://www.ezijing.com/' } { title: this.$t('foot.link5'), href: 'https://www.ezijing.com/' }
], ],
link2: [ link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' }, { title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
......
components/layout/h5/Header.vue
浏览文件 @ 1f3af45e
...@@ -2,7 +2,11 @@ ...@@ -2,7 +2,11 @@
<div> <div>
<header class="main-header"> <header class="main-header">
<template v-if="!searchVisible"> <template v-if="!searchVisible">
<nuxt-link to="/" class="logo"></nuxt-link> <div class="logo-box">
<img src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" />
</div>
<!-- <nuxt-link to="/" class="logo"></nuxt-link> -->
<div class="search" @click="toggleSearch"></div> <div class="search" @click="toggleSearch"></div>
<div class="menu" :class="menuClasses" @click="toggleMenu"></div> <div class="menu" :class="menuClasses" @click="toggleMenu"></div>
</template> </template>
...@@ -85,6 +89,18 @@ export default { ...@@ -85,6 +89,18 @@ export default {
height: 0.26rem; height: 0.26rem;
background-size: contain; background-size: contain;
} }
.logo-box {
flex: 1;
display: flex;
img {
height: 0.26rem;
cursor: pointer;
display: block;
&:nth-child(2) {
margin-left: .1rem;
}
}
}
.search { .search {
width: 0.18rem; width: 0.18rem;
height: 0.18rem; height: 0.18rem;
......
components/layout/pc/Foot.vue
浏览文件 @ 1f3af45e
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
</a> </a>
</div> </div>
<div> <div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank" > <a href="http://www.marywood.edu/business/graduate/zijing-marywood-mba.html" target="_blank" >
{{ $t('foot.link3') }} {{ $t('foot.link3') }}
</a> </a>
</div> </div>
<div> <div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank" > <a href="https://www.msche.org/institution/0531/" target="_blank" >
{{ $t('foot.link4') }} {{ $t('foot.link4') }}
</a> </a>
</div> </div>
...@@ -97,7 +97,7 @@ export default { ...@@ -97,7 +97,7 @@ export default {
.left-content{ .left-content{
div{ div{
opacity: 0.7; opacity: 0.7;
font-size: 22px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 50px; line-height: 50px;
color: #FFFFFF; color: #FFFFFF;
...@@ -106,7 +106,7 @@ export default { ...@@ -106,7 +106,7 @@ export default {
} }
} }
.center-content{ .center-content{
font-size: 16px; font-size: 18px;
line-height: 32px; line-height: 32px;
color: #FFFFFF; color: #FFFFFF;
letter-spacing: 3px; letter-spacing: 3px;
......
components/layout/pc/Head.vue
浏览文件 @ 1f3af45e
...@@ -3,9 +3,13 @@ ...@@ -3,9 +3,13 @@
<div class="color-bar"></div> <div class="color-bar"></div>
<div class="head-top-content"> <div class="head-top-content">
<div class="max-width-content"> <div class="max-width-content">
<nuxt-link to="/"> <!-- <nuxt-link to="/">
<img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
</nuxt-link> </nuxt-link> -->
<div class="logo-box">
<img src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" />
</div>
<div class="user" v-if="user.id"> <div class="user" v-if="user.id">
<span>{{ user.realname || user.nickname }}</span <span>{{ user.realname || user.nickname }}</span
><em>|</em><span class="logout" @click="logout">{{ $t('menu.out') }}</span> ><em>|</em><span class="logout" @click="logout">{{ $t('menu.out') }}</span>
...@@ -96,6 +100,17 @@ li { ...@@ -96,6 +100,17 @@ li {
cursor: pointer; cursor: pointer;
display: block; display: block;
} }
.logo-box {
display: flex;
img {
height: 55px;
cursor: pointer;
display: block;
&:nth-child(2) {
margin-left: 20px;
}
}
}
.user { .user {
margin-left: auto; margin-left: auto;
font-size: 14px; font-size: 14px;
......
components/layout/pc/Menu.vue
浏览文件 @ 1f3af45e
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<li :key="index"> <li :key="index">
<div :class="getNameActive(item)"> <div :class="getNameActive(item)">
<template v-if="!item.path"> <template v-if="!item.path">
<template v-if="item.click"> <template v-if="item.onClick">
<span @click="showEnroll">{{ item.name }}</span> <span @click="item.onClick">{{ item.name }}</span>
</template> </template>
<template v-else> <template v-else>
{{ item.name }} {{ item.name }}
...@@ -44,6 +44,7 @@ export default { ...@@ -44,6 +44,7 @@ export default {
name: 'AppMenu', name: 'AppMenu',
components: { AppLink }, components: { AppLink },
data() { data() {
const _this = this
return { return {
navData: [ navData: [
{ {
...@@ -90,7 +91,11 @@ export default { ...@@ -90,7 +91,11 @@ export default {
}, },
{ {
name: this.$t('menu.enroll'), name: this.$t('menu.enroll'),
path: '/my' onClick() {
!_this.user.id
? window.open('https://login.ezijing.com/auth/login/index?redirect_uri=https://marywood-bm.ezijing.com/my/account')
: window.open('https://marywood-bm.ezijing.com/my/account')
}
} }
], ],
time: null time: null
...@@ -124,6 +129,9 @@ export default { ...@@ -124,6 +129,9 @@ export default {
} }
}, },
computed: { computed: {
user() {
return this.$store.state.user || {}
},
getNameActive() { getNameActive() {
return item => { return item => {
const currentPath = this.$route.path const currentPath = this.$route.path
......
components/rightAside.vue
浏览文件 @ 1f3af45e
...@@ -77,12 +77,12 @@ export default { ...@@ -77,12 +77,12 @@ export default {
formInfo: { formInfo: {
name: '', name: '',
phone: '', phone: '',
newProjectId: '1001' newProjectId: '1012'
}, },
projectList: [ projectList: [
{ label: '金融工商管理硕士', value: '1000' }, { label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' }, { label: '酒店及旅游业工商管理硕士', value: '1008' },
{ label: this.$t('aside.project4'), value: '1001' }, { label: this.$t('aside.project4'), value: '1012' },
{ label: '应用心理学硕士', value: '1006' }, { label: '应用心理学硕士', value: '1006' },
{ label: '教育学硕士', value: '1005' }, { label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' } { label: '中国未来金融领袖计划', value: '1007' }
......
langs/zh-CN.js
浏览文件 @ 1f3af45e
...@@ -38,18 +38,18 @@ export default { ...@@ -38,18 +38,18 @@ export default {
project: { project: {
title: '项目特色', title: '项目特色',
h5: { h5: {
itemT1: '全方位的<br />金融职业<br />教育课程体系', itemT1: '百年历史<br />美国大学',
itemT2: '专业金融<br />在线<br />教育品牌', itemT2: '高排名<br />美国大学',
itemT3: '科学成熟的<br />在线<br />教育模式', itemT3: 'ACBSP<br />商学院认证',
itemT4: '无需联考<br />快速入门<br />的学习体验', itemT4: '清北玛丽伍德<br />等权威师资',
itemT5: '聚焦中国实践<br />和国际前沿<br />的最新课程' itemT5: '16个月<br />精炼课程'
}, },
pc: { pc: {
itemT1: '全方位的金融职业<br />教育课程体系', itemT1: '百年历史美国大学',
itemT2: '专业金融<br />在线教育品牌', itemT2: '高排名美国大学',
itemT3: '科学成熟的<br />在线教育模式', itemT3: 'ACBSP商学院认证',
itemT4: '无需联考、快速入门<br />的学习体验', itemT4: '清北玛丽伍德等权威师资',
itemT5: '聚焦中国实践和国际前沿<br />的最新课程' itemT5: '16个月精炼课程'
} }
}, },
ranking: { ranking: {
...@@ -91,15 +91,15 @@ export default { ...@@ -91,15 +91,15 @@ export default {
email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com', email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com',
link1: '中国教育部', link1: '中国教育部',
link2: '教育部涉外监管网', link2: '教育部涉外监管网',
link3: '印第安纳大学', link3: '玛丽伍德大学',
link4: 'Kelley商学院', link4: '美国教育部',
link5: '紫荆教育', link5: '紫荆教育',
weChat: '微信公众号' weChat: '微信公众号'
}, },
// 项目背景 // 项目背景
bg: { bg: {
tabBtn1: '紫荆教育', tabBtn1: '紫荆教育',
tabBtn2: 'KELLEY商学院', tabBtn2: '玛丽伍德大学',
tabBtn3: '联合办学背景', tabBtn3: '联合办学背景',
con1Txt: `紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br /> con1Txt: `紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。`, 紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。`,
...@@ -114,32 +114,26 @@ export default { ...@@ -114,32 +114,26 @@ export default {
unit1: '所', unit1: '所',
unit2: '门', unit2: '门',
unit3: '万', unit3: '万',
con2Txt: `印第安纳大学伯明顿分校是美国公立常春藤院校，成立于1820年，有200多年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。<br /> con2Txt: `美国玛丽伍德大学（Marywood University）办于1915年，有超过100年的历史。学校位于宾夕法尼亚州斯克兰顿市，占地700亩。学校地理位置优越，距离美国金融中心纽约和美国最古老城市之一的费城均约2小时车程。玛丽伍德大学是一所拥有128名全职教授、超过 3,000 名在校学生的综合性大学，大学设置超过100个本科、硕士及博士专业。<br />
印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有100多年历史。<br /> 玛丽伍德大学服务来自各种学习背景的学生，并且率先通过对道德的推动来丰富人生，为学生全面发展并掌握专业技能和领导能力创建一套体系化的教育系统。`,
Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance。 con3Txt: `紫荆－玛丽伍德工商管理硕士（MBA）项目是清华控股紫荆教育与玛丽伍德大学联合培养的非全日制MBA项目，依托清控紫荆教育和玛丽伍德大学丰厚的教学资源，放眼全球、结合中国国情，倾力打造融汇中外“创新思维+商业智能+信息时代的领导力”理论与最新实践的前沿人才培育体系，志在培养立足中国本土实践、兼具国际视野的复合型管理人才。<br />
Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The 紫荆-玛丽伍德工商管理硕士(MBA)学位项目（中文项目）已获得美国教育部中部地区认证委员会认证，官网可查https://www.msche.org/institution/0531/<br />
Economist Intelligence 紫荆-玛丽伍德工商管理硕士(MBA)学位项目（中文项目）玛丽伍德大学官网可查：http://www.marywood.edu/business/graduate/zijing-marywood-mba.html`
Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。`,
con3Txt: `本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。<br />
项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。<br />
项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。<br />
世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of
Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。`
}, },
// 项目特色 // 项目特色
feature: { feature: {
item1Tit: '线上线下结合灵活的授课学习方式', item1Tit: '线上线下结合灵活的授课学习方式',
item1Txt1: '线上+线下教学模式', item1Txt1: '线上+线下教学模式',
item1Txt2: '在职学习、无需出国、便捷高效', item1Txt2: '在职学习、无需出国、入读名校',
item1Txt3: '最短15个月最长5年拿到学位', item1Txt3: '最短16个月拿到学位',
item2Tit: '高性价比享超高品质教学服务体验', item2Tit: '高性价比享超高品质教学服务体验',
item2Txt1: '专业金融在线教育品牌', item2Txt1: '专业在线教育品牌',
item2Txt2: '无需联考、快速入门的学习模式', item2Txt2: '无需联考、快速入门的学习模式',
item2Txt3: '全方位的金融职业教育课程体系', item2Txt3: '全方位的管理课程体系',
item3Tit: '国际视野结合中国本土的实践课程', item3Tit: '国际视野结合中国本土的实践课程',
item3Txt1: '先修课程+必修课程+选修课程+美国访学', item3Txt1: '必修课程+美国访学',
item3Txt2: '全球排名顶尖师资+中国金融界权威专家', item3Txt2: '全球排名顶尖师资+中国金融业界权威专家',
item3Txt3: '多次被 U.S. News & World Report评为全美第一', item3Txt3: '多次被 U.S. News & World Report最佳大学排名多年上榜',
}, },
// 证书授予 // 证书授予
cert: { cert: {
...@@ -223,11 +217,11 @@ export default { ...@@ -223,11 +217,11 @@ export default {
// 费用资助 // 费用资助
cost: { cost: {
con1Tit: '学费', con1Tit: '学费',
con1Txt: `本项目学费24.98万元，<br /> con1Txt: `本项目学费6.9万元，<br />
由学生向清华控股旗下紫荆教育一次性缴纳。`, 由学生向清华控股旗下紫荆教育一次性缴纳。`,
con2Tit: '贷款', con2Tit: '贷款',
con2Txt: `1、就读本项目的学生，可以申请多家金融机构的贷款服务。<br /> con2Txt: `1、就读本项目的学生，可以申请多家金融机构的贷款服务，<br />
2、具体信息会在学生获得正式录取资格后公布。<br /> 2、具体信息会在学生获得正式录取资格后公布，<br />
3、清华控股旗下紫荆教育不为学员担保贷款，不承担催款义务。` 3、清华控股旗下紫荆教育不为学员担保贷款，不承担催款义务。`
}, },
// 常见问题 // 常见问题
...@@ -266,7 +260,7 @@ export default { ...@@ -266,7 +260,7 @@ export default {
project1: '综合管理方向工商管理硕士', project1: '综合管理方向工商管理硕士',
project2: '金融方向工商管理硕士', project2: '金融方向工商管理硕士',
project3: '酒店和旅游方向工商管理硕士', project3: '酒店和旅游方向工商管理硕士',
project4: '金融硕士MSF', project4: '工商管理硕士',
project5: '应用心理学硕士MAP', project5: '应用心理学硕士MAP',
project6: '教育学硕士MED（儿童心理与教育）', project6: '教育学硕士MED（儿童心理与教育）',
project7: '中国未来金融领袖计划', project7: '中国未来金融领袖计划',
......
nuxt.config.js
浏览文件 @ 1f3af45e
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
}), }),
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
head: { head: {
title: '紫荆教育-在线MBA课程-MBA在线课程-专业金融在线教育品牌', title: '玛丽伍德大学-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌',
htmlAttrs: { htmlAttrs: {
lang: 'en' lang: 'en'
}, },
...@@ -28,12 +28,12 @@ export default { ...@@ -28,12 +28,12 @@ export default {
{ {
name: 'keywords', name: 'keywords',
content: content:
'理财规划师,企业理财顾问师,投资理财顾问,金融理财师,理财培训,企业融资,国家理财规划师,财富管理,资产管理,个人财富管理,证券投资,信托投资,房地产投资' '工商管理硕士,MBA硕士,免联考MBA,国际MBA,通用MBA,在职MBA,在线MBA,MBA,商学院,管理学,玛丽伍德大学,玛丽伍德,Marywood'
}, },
{ {
name: 'description', name: 'description',
content: content:
'紫荆教育依托清华大学和五道口金融学院丰富的教育资源,秉承其严谨务实的教学理念,紧密结合宏观经济转型过程中,企业和个人知识结构升级的需求,融理论大家、实践专家、顶尖专业机构集体智慧于一体,构建以金融为核心的商业实战知识体系,努力为中国社会商业素质提高贡献一己之力.课程分类：企业理财顾问(CFC),理财规划师,财富资产管理,金融创业投资项目.' '美国玛丽伍德大学（Marywood University）创办于 1915 年,Money评选的全美最具性价比大学,玛丽伍德大学是一所拥有128名全职教授、超过 3,000 名在校学生的综合性大学,大学设置超过100个本科、硕士及博士专业'
} }
], ],
link: [ link: [
......
pages/about/course.vue
浏览文件 @ 1f3af45e
<template> <template>
<app-frame :data="frameParams"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="course-content-box"> <div class="course-content-box">
<div class="content-mian"> <app-frame :data="frameParams">
<div class="border-box"> <div class="content-mian">
<template v-for="(item, index) in courseData"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/course-chart.png">
<div class="item-box" :key="index">
<div class="title">{{ item.title }}</div>
<div class="right-content">
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'l'">
<div class="text">{{ cItem.name }}</div>
<div class="score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</template>
</div> </div>
</div> </app-frame>
</div> </div>
</app-frame> </div>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -30,55 +18,8 @@ export default { ...@@ -30,55 +18,8 @@ export default {
}, },
data() { data() {
return { return {
courseData: [
{
title: this.$t('setCourse.tit1'),
item: [
{ name: this.$t('setCourse.t1'), score: 0 },
{ name: this.$t('setCourse.t2'), score: 0 },
{ name: this.$t('setCourse.t3'), score: 0 }
]
},
{
title: this.$t('setCourse.tit2'),
item: [
{ name: this.$t('setCourse.t4'), score: 3 },
{ name: this.$t('setCourse.t5'), score: 3 },
{ name: this.$t('setCourse.t6'), score: 3 },
{ name: this.$t('setCourse.t7'), score: 3 },
{ name: this.$t('setCourse.t8'), score: 3 },
{ name: this.$t('setCourse.t9'), score: 3 },
{ name: this.$t('setCourse.t10'), score: 3 },
{ name: this.$t('setCourse.t11'), score: 3 },
{ name: this.$t('setCourse.t12'), score: 3 },
{ name: this.$t('setCourse.t13'), score: 1.5 },
{ name: this.$t('setCourse.t14'), score: 1.5 },
{ name: this.$t('setCourse.t15'), score: 1.5 }
]
},
{
title: this.$t('setCourse.tit3'),
item: [
{ name: this.$t('setCourse.t16'), score: 0 },
{ name: this.$t('setCourse.t17'), score: 0 },
{ name: this.$t('setCourse.t18'), score: 0 },
{ name: this.$t('setCourse.t19'), score: 0 },
{ name: this.$t('setCourse.t20'), score: 0 },
{ name: this.$t('setCourse.t21'), score: 0 },
{ name: this.$t('setCourse.t22'), score: 0 }
]
},
{
title: this.$t('setCourse.tit4'),
item: [
{ name: this.$t('setCourse.t23'), score: 1.5 },
{ name: this.$t('setCourse.t24'), score: 0 },
{ name: this.$t('setCourse.t25'), score: 0 }
]
}
],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/about-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.courseChild.set'), name: this.$t('menu.courseChild.set'),
...@@ -92,60 +33,82 @@ export default { ...@@ -92,60 +33,82 @@ export default {
} }
} }
}, },
mounted() {} mounted() {
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.course-content-box { .is-h5{
width: 1200px; .course-content-box{
margin: 0 auto; .content-mian{
.content-mian { img{
padding: 106px 141px 110px 96px; width: 100%;
.border-box { display: block;
padding: 35px 0 51px; }
border-top: 1px solid #e6e6e6; }
border-bottom: 1px solid #e6e6e6; }
.item-box { }
display: flex; .is-pc{
justify-content: space-between; .course-content-box {
margin-bottom: 40px; width: 1200px;
ul { margin: 0 auto;
padding-bottom: 37px; .content-mian {
border-bottom: 1px solid #e6e6e6; // padding: 106px 141px 110px 96px;
} img{
&:last-child { width: 100%;
border-bottom: none; display: block;
margin-bottom: 0; }
.border-box {
padding: 35px 0 51px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
.item-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul { ul {
padding-bottom: 37px; padding-bottom: 37px;
border-bottom: none; border-bottom: 1px solid #e6e6e6;
} }
} &:last-child {
.title { border-bottom: none;
font-size: 26px; margin-bottom: 0;
font-weight: bold; ul {
line-height: 100%; padding-bottom: 37px;
color: #aa1941; border-bottom: none;
}
.right-content {
width: 562px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 397px;
padding-left: 30px;
font-size: 16px;
color: #333333;
} }
.score { }
font-size: 16px; .title {
color: #424242; font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
.right-content {
width: 630px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 497px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score {
font-size: 16px;
color: #424242;
}
} }
} }
} }
......
pages/about/teacher.vue
浏览文件 @ 1f3af45e
<template> <template>
<app-frame :data="frameParams"> <div class="teacher-content-box">
<div class="teacher-content-box"> <app-frame :data="frameParams">
<div class="content-box"> <div class="content-box">
<div class="teacher-box"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.list">
<li :key="cIndex + '='">
<img :src="cItem.image" alt="" />
<div class="name">{{ cItem.name }}</div>
<div class="p" v-html="cItem.intr"></div>
</li>
</template>
</ul>
</div>
</div>
</div> </div>
</div> </app-frame>
</app-frame> </div>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -29,80 +16,8 @@ export default { ...@@ -29,80 +16,8 @@ export default {
}, },
data() { data() {
return { return {
teacherList: [
{
title: this.$t('teachers.tit1'),
list: [
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t1.png',
name: this.$t('teachers.tea1Name'),
intr: this.$t('teachers.tea1Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t2.png',
name: this.$t('teachers.tea2Name'),
intr: this.$t('teachers.tea2Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t3.png',
name: this.$t('teachers.tea3Name'),
intr: this.$t('teachers.tea3Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t4.png',
name: this.$t('teachers.tea4Name'),
intr: this.$t('teachers.tea4Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t5.png',
name: this.$t('teachers.tea5Name'),
intr: this.$t('teachers.tea5Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t6.png',
name: this.$t('teachers.tea6Name'),
intr: this.$t('teachers.tea6Txt')
}
]
},
{
title: this.$t('teachers.tit2'),
list: [
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t7.png',
name: this.$t('teachers.tea7Name'),
intr: this.$t('teachers.tea7Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t8.png',
name: this.$t('teachers.tea8Name'),
intr: this.$t('teachers.tea8Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t9.png',
name: this.$t('teachers.tea9Name'),
intr: this.$t('teachers.tea9Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t10.png',
name: this.$t('teachers.tea10Name'),
intr: this.$t('teachers.tea10Txt')
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/wangyong.png',
name: this.$t('teachers.tea11Name'),
intr: this.$t('teachers.tea11Txt')
},
{
image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t12.png',
name: this.$t('teachers.tea12Name'),
intr: this.$t('teachers.tea12Txt')
}
]
}
],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/about-banner2.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.courseChild.set'), name: this.$t('menu.courseChild.set'),
...@@ -116,7 +31,8 @@ export default { ...@@ -116,7 +31,8 @@ export default {
} }
} }
}, },
mounted() {} mounted() {
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -156,7 +72,7 @@ export default { ...@@ -156,7 +72,7 @@ export default {
} }
.p { .p {
font-size: 14px; font-size: 14px;
// line-height: 100%; line-height: 100%;
color: #666666; color: #666666;
white-space: nowrap; white-space: nowrap;
margin-bottom: 5px; margin-bottom: 5px;
......
pages/alumni/outstanding.vue
浏览文件 @ 1f3af45e
<template> <template>
<app-frame :data="frameParams"> <div class="outstanding">
<div class="outstanding"> <app-frame :data="frameParams">
<div class="alumni"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary-alumni-new2.png" style="width:90%;margin:0 auto;display:block">
<h5>{{ $t('outstanding.title1') }}</h5> </app-frame>
<ul class="card-list"> </div>
<li v-for="(item, index) in alumniList" :key="index">
<div class="avatar">
<img :src="item.avatar" />
</div>
<div class="text">
<h6>{{ item.name }}</h6>
<p v-for="it in item.post" :key="it">{{ it }}</p>
</div>
</li>
</ul>
<h5>{{ $t('outstanding.title2') }}</h5>
<ul class="card-list">
<li v-for="item in studentList" :key="item.name">
<div class="avatar">
<img :src="item.avatar" />
</div>
<div class="text">
<h6>{{ item.name }}</h6>
<p v-for="it in item.education" :key="it">{{ it }}</p>
<div v-for="it in item.post" :key="it">{{ it }}</div>
</div>
</li>
</ul>
</div>
</div>
</app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -40,100 +14,8 @@ export default { ...@@ -40,100 +14,8 @@ export default {
}, },
data() { data() {
return { return {
alumniList: [
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-01.png',
name: "Paul H. O'Neill",
post: ['前美国财政部长']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-02.png',
name: 'Alan B. Graf',
post: ['Fedex首席财务官']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-03.png',
name: 'John Chambers',
post: ['Cisco首席执行官']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-04.png',
name: 'Ali Tuet',
post: ['香港ESG控股集团主席总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-05.png',
name: 'Jimmy Wales',
post: ['Jimmy Wales']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-06.png',
name: 'Mark Cuban',
post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-07.png',
name: 'Peter Wong',
post: ['汇丰银行', '亚洲区总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-08.png',
name: "Paul H. O'Neill",
post: ['美国 Whirlpool', '亚洲副总裁']
}
],
studentList: [
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-01.png',
name: '张彧',
education: ['Xavier University', '工商管理硕士'],
post: ['希尔顿酒店管理有限公司', '财务部副总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-02.png',
name: '赵旭娜',
education: ['约翰霍普金斯大学', '博士后'],
post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-03.png',
name: '刘育弘',
education: ['中山大学', '高级工商管理硕士'],
post: ['广州快塑电子商务有限公司', '执行总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-04.png',
name: '刘丹',
education: ['香港大学李嘉诚医学院', '医学影像学博士'],
post: ['华润医疗直属医院', '运营院长']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-05.png',
name: '刘志诚',
education: ['香港理工大学', '软件科技及工商管理双硕士'],
post: ['乐信集团信息安全中心', '总监']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-06.png',
name: '孙红平',
education: ['广东外语外贸大学', '翻译硕士'],
post: ['美国IPO直通车公司', '管理合伙人']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/sgql.png',
name: '上官利青',
education: ['清华大学', '微电子学硕士'],
post: ['中航信托有限公司', '家族信托事业部副总经理']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-08.png',
name: '虞东',
education: ['北京大学光华管理学院', '高级工商管理硕士'],
post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']
}
],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/alumni_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.alumniChild.outstanding'), name: this.$t('menu.alumniChild.outstanding'),
......
pages/alumni/sharing/index.vue
浏览文件 @ 1f3af45e
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/alumni-sharing-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/alumni_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.alumniChild.outstanding'), name: this.$t('menu.alumniChild.outstanding'),
......
pages/apply/problem.vue
浏览文件 @ 1f3af45e
<template> <template>
<app-frame :data="frameParams"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="problem-content-box"> <div class="problem-content-box">
<div class="content-box"> <app-frame :data="frameParams">
<template v-for="(item, index) in problemList"> <div class="content-box">
<div class="problem-item-box" :key="index"> <template v-for="(item, index) in problemList">
<div class="title">{{ item.title }}</div> <div class="problem-item-box" :key="index">
<ul> <div class="title">{{ item.title }}</div>
<template v-for="(cItem, cIndex) in item.problem"> <ul>
<li :key="cIndex + '='"> <template v-for="(cItem, cIndex) in item.problem">
<div class="pro-tit">{{ cItem.tit }}</div> <li :key="cIndex + '='">
<div class="answer">{{ cItem.answer }}</div> <div class="pro-tit">{{ cItem.tit }}</div>
</li> <div class="answer" v-html="cItem.answer"></div>
</template> </li>
</ul> </template>
</div> </ul>
</template> </div>
</div> </template>
</div>
</app-frame>
</div> </div>
</app-frame> </div>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -30,47 +32,71 @@ export default { ...@@ -30,47 +32,71 @@ export default {
return { return {
problemList: [ problemList: [
{ {
title: this.$t('problem.item1Tit'), title: '',
problem: [ problem: [
{ {
tit: this.$t('problem.item1problem1'), tit: 'Q:本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？',
answer: this.$t('problem.item1answer1') answer: '没有不同，完全一样，具有相同的形式和效力。'
}, },
{ {
tit: this.$t('problem.item1problem2'), tit: 'Q:本项目上课形式是怎么样？',
answer: this.$t('problem.item1answer2') answer: '本项目采用在线学习和线下面授相结合的授课方式。在线学习时，学生可根据自己的时间灵活安排学习，线下面授采用周末或短期集中安排的方式。'
}, },
{ {
tit: this.$t('problem.item1problem3'), tit: 'Q:本项目学制多久？',
answer: this.$t('problem.item1answer3') answer: '本项目学制为16个月。'
} },
]
},
{
title: this.$t('problem.item2Tit'),
problem: [
{ {
tit: this.$t('problem.item2problem1'), tit: 'Q:能否顺利毕业拿到证书呢？',
answer: this.$t('problem.item2answer1') answer: '修满36个学分的学员可获得美国玛丽伍德大学颁发的MBA学位证书。'
}, },
{ {
tit: this.$t('problem.item2problem2'), tit: 'Q:本项目是在职还是全职？',
answer: this.$t('problem.item2answer2') answer: '本项目为在职MBA项目，采用在线学习和线下面授相结合的学习方式。'
} },
] {
}, tit: 'Q:如何申请紫荆-玛丽伍德工商管理硕士(MBA)学位项目？',
{ answer: '请参考网站首页——招生信息——有关申请。'
title: this.$t('problem.item3Tit'), },
problem: [ {
tit: 'Q:大概流程是什么？',
answer: `
该项目申请流程为：<br />
1. 在线报名<br />
2. 参加面试<br />
3. 获得录取<br />
4. 缴纳学费<br />
5. 入学学习`
},
{
tit: 'Q:需要提交哪些材料？',
answer: `申请项目需提交：<br />
1. 本科学历证书。<br />
2. 身份证正、反面照片。<br />
3. 一寸白底证件照。<br />
<br />
学籍注册需提交：<br />
1. 本科阶段中、英文双语版成绩单。<br />
2. 英文版《教育部学历证书电子注册备案表》。<br />
3. 入学协议。<br />
4. 英文简历。<br />
5. 推荐信2封。<br />
6. 缴费凭证。
`
},
{ {
tit: this.$t('problem.item3problem1'), tit: 'Q:玛丽伍德工商管理硕士(MBA)学位项目的学费是多少？',
answer: this.$t('problem.item3answer1') answer: '该项目学费为人民币6.9万元。'
},
{
tit: 'Q:学费可以分期吗？',
answer: '项目学费由学生在入学前向紫荆教育一次性缴清，不可分期。'
} }
] ]
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/apply-banner3.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.recruitChild.apply'), name: this.$t('menu.recruitChild.apply'),
...@@ -87,36 +113,81 @@ export default { ...@@ -87,36 +113,81 @@ export default {
] ]
} }
} }
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.problem-content-box { .is-pc{
.content-box { .problem-content-box {
padding: 54px 104px 90px 87px; width: 1200px;
.problem-item-box { margin: 0 auto;
margin-bottom: 80px; .content-box {
.title { padding: 54px 104px 90px 87px;
font-size: 22px; .problem-item-box {
font-weight: bold; margin-bottom: 80px;
line-height: 100%; .title {
color: #333333; font-size: 22px;
} font-weight: bold;
ul { line-height: 100%;
padding-top: 30px; color: #333333;
li { }
margin-bottom: 15px; ul {
.pro-tit { padding-top: 30px;
font-size: 16px; li {
font-weight: bold; width: 808px;
line-height: 32px; margin-bottom: 15px;
color: #666666; .pro-tit {
border-bottom: 1px solid #e6e6e6; font-size: 16px;
font-weight: bold;
line-height: 32px;
color: #666666;
border-bottom: 1px solid #e6e6e6;
}
.answer {
font-size: 16px;
line-height: 32px;
color: #424242;
}
} }
.answer { }
font-size: 16px; }
line-height: 32px; }
color: #424242; }
}
.is-h5{
.problem-content-box {
margin: 0 auto;
.content-box {
padding: .25rem .5rem .45rem .44rem;
.problem-item-box {
margin-bottom: .4rem;
.title {
font-size: .14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
padding-top: .15rem;
li {
margin-bottom: .18rem;
.pro-tit {
font-size: .12rem;
font-weight: bold;
line-height: .16rem;
color: #666666;
border-bottom: 1px solid #e6e6e6;
}
.answer {
font-size: .12rem;
line-height: .16rem;
color: #424242;
}
} }
} }
} }
......
pages/apply/relevant.vue
浏览文件 @ 1f3af45e
...@@ -6,10 +6,10 @@ ...@@ -6,10 +6,10 @@
<div class="text-content"> <div class="text-content">
<div class="title">{{ $t('apply.con1Tit') }}</div> <div class="title">{{ $t('apply.con1Tit') }}</div>
<div class="con-txt" v-html="$t('apply.con1Txt')"></div> <div class="con-txt" v-html="$t('apply.con1Txt')"></div>
<div class="title mar-t55">{{ $t('apply.con2Tit') }}</div> <!-- <div class="title mar-t55">{{ $t('apply.con2Tit') }}</div> -->
<div class="con-txt" v-html="$t('apply.con2Txt')"></div> <!-- <div class="con-txt" v-html="$t('apply.con2Txt')"></div> -->
</div> </div>
<img src="https://webapp-pub.ezijing.com/project/kelley/apply-img.png" alt="" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply-img-x.png" alt="" />
</div> </div>
</div> </div>
</app-frame> </app-frame>
...@@ -26,7 +26,7 @@ export default { ...@@ -26,7 +26,7 @@ export default {
return { return {
newsList: [], newsList: [],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/apply-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.recruitChild.apply'), name: this.$t('menu.recruitChild.apply'),
...@@ -56,8 +56,8 @@ export default { ...@@ -56,8 +56,8 @@ export default {
.rele-content-box { .rele-content-box {
.content-box { .content-box {
img { img {
width: 900px; width: 500px;
margin: 58px auto 0; margin-top: 30px;
display: block; display: block;
} }
padding-top: 46px; padding-top: 46px;
...@@ -89,12 +89,13 @@ export default { ...@@ -89,12 +89,13 @@ export default {
padding: .3rem .2rem; padding: .3rem .2rem;
.content-box { .content-box {
img { img {
width: 100%; width: 2.5rem;
display: block; display: block;
margin-top: .15rem;
} }
padding-bottom: .5rem; padding-bottom: .5rem;
.text-content { .text-content {
margin-bottom: .4rem; // margin-bottom: .4rem;
.title { .title {
font-size: 0.14rem; font-size: 0.14rem;
font-weight: bold; font-weight: bold;
......
pages/apply/support.vue
浏览文件 @ 1f3af45e
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
return { return {
newsList: [], newsList: [],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/apply-banner2.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.recruitChild.apply'), name: this.$t('menu.recruitChild.apply'),
......
pages/news/hot/index.vue
浏览文件 @ 1f3af45e
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/news-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/new_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.newsChild.hot'), name: this.$t('menu.newsChild.hot'),
......
pages/news/interview/index.vue
浏览文件 @ 1f3af45e
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/news-banner2.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/new_banner.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.newsChild.hot'), name: this.$t('menu.newsChild.hot'),
......
pages/project-intro/bg.vue
浏览文件 @ 1f3af45e
...@@ -31,42 +31,15 @@ ...@@ -31,42 +31,15 @@
</div> </div>
<div class="kelley" v-if="tabActive === 'kelley'"> <div class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner"> <div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-kelley.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx.jpg" />
</div>
<div class="text">
<p>
印第安纳大学伯明顿分校是美国公立常春藤名校，成立于1820年，有近200年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。
</p>
<p>
印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有近100年历史。
</p>
<p>
Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance.
Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The
Economist Intelligence
Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。
</p>
</div> </div>
<div class="text" v-html="$t('bg.con2Txt')"></div>
</div> </div>
<div class="lhbx" v-if="tabActive === 'lhbx'"> <div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner"> <div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-lhbx.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary-new-tabimg.jpg" />
</div>
<div class="text">
<p>
本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。
</p>
<p>
项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。
</p>
<p>
项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。
</p>
<p>
世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of
Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。
</p>
</div> </div>
<div class="text" v-html="$t('bg.con3Txt')"></div>
</div> </div>
</div> </div>
</app-frame> </app-frame>
...@@ -93,7 +66,7 @@ export default { ...@@ -93,7 +66,7 @@ export default {
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') } { num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-bg.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx3.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
......
pages/project-intro/certificate.vue
浏览文件 @ 1f3af45e
<template> <template>
<app-frame :data="frameParams"> <div class="certificate">
<div class="certificate"> <app-frame :data="frameParams">
<div class="checkbox"> <div class="certificate-main">
<p><i></i>{{ $t('cert.txt1') }}</p> <img
<p><i></i>{{ $t('cert.txt2') }}</p> src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-cert-new2.png"
/>
</div> </div>
<p class="text">{{ $t('cert.txt3') }}</p> </app-frame>
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-pic.png" /> </div>
<p class="certificate-title">{{ $t('cert.txt4') }}</p>
<p class="certificate-des">{{ $t('cert.txt5') }}</p>
</div>
</app-frame>
</template> </template>
<script> <script>
export default { export default {
...@@ -18,7 +15,7 @@ export default { ...@@ -18,7 +15,7 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx3.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
...@@ -39,7 +36,7 @@ export default { ...@@ -39,7 +36,7 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.certificate { .certificate-main {
padding: 40px; padding: 40px;
text-align: center; text-align: center;
.checkbox { .checkbox {
...@@ -58,7 +55,7 @@ export default { ...@@ -58,7 +55,7 @@ export default {
display: inline-block; display: inline-block;
width: 22px; width: 22px;
height: 22px; height: 22px;
background: url('https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-icon.png'); background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-icon.png');
background-size: 22px 22px; background-size: 22px 22px;
margin-right: 10px; margin-right: 10px;
vertical-align: middle; vertical-align: middle;
...@@ -76,8 +73,8 @@ export default { ...@@ -76,8 +73,8 @@ export default {
} }
img { img {
display: block; display: block;
width: 376px; width: 600px;
height: 291px; // height: 291px;
margin: 40px auto; margin: 40px auto;
} }
.certificate-title { .certificate-title {
...@@ -96,4 +93,4 @@ export default { ...@@ -96,4 +93,4 @@ export default {
color: #aa1941; color: #aa1941;
} }
} }
</style> </style>
\ No newline at end of file
pages/project-intro/charac.vue
浏览文件 @ 1f3af45e
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx3.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论