Skip to content

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

bug fixes

上级 256c9f86
隐藏空白字符变更
内嵌 并排
正在显示 包含 806 行增加 和 2485 行删除
components/Menu.vue
浏览文件 @ 246ac094
......@@ -57,7 +57,7 @@ export default {
childern: [
{ name: '紫荆简介', path: '/about/introduce' },
{ name: '文化理念', path: '/about/culture' },
{ name: '新闻中心', path: '/about/news' },
// { name: '新闻中心', path: '/about/news' },
{ name: '校长寄语', path: '/about/message' },
{ name: '公开课', path: '/about/lesson' },
{ name: '联系我们', path: '/about/contact' }
......@@ -91,10 +91,10 @@ export default {
// },
{
name: '申请攻略',
path: '/apply/mba-strategy',
path: '/apply/mba',
childern: [
{ name: 'MBA申请攻略', path: '/apply/mba-strategy' },
{ name: '在职研申请攻略', path: '/apply/master-strategy' }
{ name: 'MBA申请攻略', path: '/apply/mba' },
{ name: '在职研申请攻略', path: '/apply/master' }
]
},
{
......
components/about/contact.vue
浏览文件 @ 246ac094
......@@ -5,14 +5,17 @@
<div class="con-mian">
<div class="tit">{{ txt.lxTit }}</div>
<div class="info" v-html="txt.contactTxt"></div>
<div>
<img src="https://webapp-pub.ezijing.com/project/mba/qrcode.jpg" style="width:130px;margin-top:10px" />
</div>
<div class="follow">
<div class="tits">{{ txt.follow }}</div>
<ul>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" alt="">
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" alt="" />
<div class="name">{{ txt.followCodeT1 }}</div>
</li>
<li>
<!-- <li>
<img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" alt="">
<div class="name">{{ txt.followCodeT2 }}</div>
</li>
......@@ -23,7 +26,7 @@
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" alt="">
<div class="name">{{ txt.followCodeT4 }}</div>
</li>
</li> -->
</ul>
</div>
</div>
......@@ -35,14 +38,7 @@ export default {
return {
txt: {
lxTit: '联系我们',
contactTxt: `地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层<br />
联系电话：010-62793909<br />
政企合作：010-62793271<br />
院校合作：010-62799201<br />
金融学学位事业部：010-62793299<br />
心理学学位事业部： 010-62790180<br />
校友会：010-62793389<br />
邮&nbsp;&nbsp;箱：service@ezijing.com`,
contactTxt: `地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层`,
follow: '关注我们',
followCodeT1: '紫荆企业微信',
followCodeT2: '紫荆官方微博',
......@@ -52,77 +48,77 @@ export default {
}
},
mounted() {
if(process.browser){
!function (mapInit) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://api.map.baidu.com/api?v=2.0&ak=Z9Km7UTGFI2fwRrpGp7Mji4ySDsvn30d&callback=mapinit";
window['mapinit'] = function () {
mapInit();
};
document.head.appendChild(script);
}(function () {
if (process.browser) {
!(function(mapInit) {
var script = document.createElement('script')
script.type = 'text/javascript'
script.src = 'https://api.map.baidu.com/api?v=2.0&ak=Z9Km7UTGFI2fwRrpGp7Mji4ySDsvn30d&callback=mapinit'
window['mapinit'] = function() {
mapInit()
}
document.head.appendChild(script)
})(function() {
// 这里使用BMap
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.336323, 39.998848), 20);
map.enableScrollWheelZoom(true);
var map = new BMap.Map('allmap')
map.centerAndZoom(new BMap.Point(116.336323, 39.998848), 20)
map.enableScrollWheelZoom(true)
// 创建点标记
var marker1 = new BMap.Marker(new BMap.Point(116.336323, 39.998848));
map.addOverlay(marker1);
});
var marker1 = new BMap.Marker(new BMap.Point(116.336323, 39.998848))
map.addOverlay(marker1)
})
}
}
}
</script>
<style lang="scss" scoped>
#allmap{
#allmap {
// position: relative;
// z-index: 1;
width: 1000px;
height: 320px;
}
.contact-content-box{
.contact-content-box {
position: relative;
z-index: -1;
width: 1000px;
padding-bottom: 100px;
img{
img {
width: 100%;
display: block;
}
.con-mian{
.con-mian {
background: #fff;
padding: 60px 75px 62px;
.tit{
.tit {
font-size: 22px;
font-weight: 500;
line-height: 100%;
}
.info{
.info {
font-size: 16px;
line-height: 32px;
color: #333333;
margin-top: 20px;
}
.follow{
.follow {
padding-top: 97px;
.tits{
.tits {
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #333333;
margin-bottom: 30px;
}
ul{
ul {
display: flex;
li{
li {
width: 130px;
margin-right: 80px;
img{
img {
display: block;
width: 100%;
}
.name{
.name {
font-size: 16px;
margin-top: 22px;
text-align: center;
......
components/about/tabNav.vue
浏览文件 @ 246ac094
......@@ -29,11 +29,11 @@ export default {
goPath: '/about/culture',
pathActive: ['/about/culture']
},
{
name: '新闻中心',
goPath: '/about/news',
pathActive: ['/about/news', '/about/news-detail']
},
// {
// name: '新闻中心',
// goPath: '/about/news',
// pathActive: ['/about/news', '/about/news-detail']
// },
{
name: '校长寄语',
goPath: '/about/message',
......
components/home/headmasterMsg.vue
浏览文件 @ 246ac094
......@@ -54,7 +54,8 @@ export default {
},
async fetch() {
const params = {
project_id: process.env.newProjectId,
// project_id: process.env.newProjectId,
project_id: '6800242743894343680',
type_tag: 'img_text_school'
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
......
components/recommend.vue
浏览文件 @ 246ac094
<template>
<div>
<div v-if="listData.length">
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
......
components/rightAside.vue
浏览文件 @ 246ac094
......@@ -13,7 +13,7 @@
@mouseenter="handleMsOver('wx')"
@mouseleave="handleMsOut"
>
<p>关注我们</p>
<p>联系我们</p>
</li>
</ul>
<transition
......@@ -21,7 +21,13 @@
enter-active-class="animated tada"
leave-active-class="animated bounceOutRight"
>
<div id="show-enroll" v-show="tabBtnActive" class="tab_cont" @mouseover="handleMsOver('')" @mouseout="handleMsOut">
<div
id="show-enroll"
v-show="tabBtnActive"
class="tab_cont"
@mouseover="handleMsOver('')"
@mouseout="handleMsOut"
>
<div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'">
<h5>报名咨询</h5>
<p><el-input v-model="formInfo.name" placeholder="请输入您的姓名" size="small"></el-input></p>
......@@ -43,13 +49,16 @@
</el-select> -->
</p>
<p class="sendcode">
<el-input v-model="sendCode" placeholder="请输入验证码" size="small"></el-input><el-button class="btn" :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode">获取验证码</el-button>
<el-input v-model="sendCode" placeholder="请输入验证码" size="small"></el-input
><el-button class="btn" :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode"
>获取验证码</el-button
>
</p>
<p><el-button style="width: 100%" @click="submitEnroll">立即报名</el-button></p>
</div>
<div class="wx_cont" v-show="tabBtnTarget === 'wx'">
<h5>关注我们</h5>
<img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" />
<h5>联系我们</h5>
<img src="https://webapp-pub.ezijing.com/project/mba/qrcode.jpg" />
</div>
</div>
</transition>
......@@ -72,13 +81,13 @@ export default {
projectId: '1012'
},
projectList: [
{label:'金融工商管理硕士', value: '1000'},
{label:'酒店及旅游业工商管理硕士', value: '1008'},
{label:'金融硕士', value: '1001'},
{label:'应用心理学硕士', value: '1006'},
{label:'教育学硕士', value: '1005'},
{label:'中国未来金融领袖计划', value: '1007'},
{label:'工商管理硕士', value: '1012'}
{ label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' },
{ label: '金融硕士', value: '1001' },
{ label: '应用心理学硕士', value: '1006' },
{ label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' },
{ label: '工商管理硕士', value: '1012' }
]
}
},
......@@ -129,21 +138,20 @@ export default {
phone: this.formInfo.phone
}
return new Promise((resolve, reject) => {
postNes(params)
.then(res => {
if (res && res.status === 200 && res.error === 0) {
resolve({
type: 'enroll',
state: 'success'
})
} else {
reject({
type: 'enroll',
state: 'fail',
msg: res.message || '报名提交失败'
})
}
})
postNes(params).then(res => {
if (res && res.status === 200 && res.error === 0) {
resolve({
type: 'enroll',
state: 'success'
})
} else {
reject({
type: 'enroll',
state: 'fail',
msg: res.message || '报名提交失败'
})
}
})
})
},
getSendCode() {
......@@ -168,7 +176,7 @@ export default {
checkSendcode() {
const checkCodeParam = {
account: this.formInfo.phone,
code:this.sendCode
code: this.sendCode
}
return new Promise((resolve, reject) => {
checkCode(checkCodeParam).then(res => {
......@@ -197,7 +205,7 @@ export default {
if (count < 1) {
clearInterval(timer)
this.isBtnDisabled = false
document.querySelector('#checkedCode').innerHTML = '获取验证码'
document.querySelector('#checkedCode').innerHTML = '获取验证码'
} else {
document.querySelector('#checkedCode').innerHTML = count + '秒后重发'
}
......@@ -212,7 +220,7 @@ export default {
top: 50%;
right: 10px;
z-index: 2000;
transform:translateY(-50%);
transform: translateY(-50%);
.tab_btns {
width: 100px;
// height: 136px;
......@@ -291,10 +299,10 @@ export default {
line-height: 44px;
height: 44px;
}
::v-deep.el-select{
::v-deep.el-select {
width: 100%;
}
select{
select {
width: 100%;
height: 44px;
border-radius: 5px;
......@@ -306,11 +314,11 @@ export default {
color: #606266;
padding: 0 12px;
box-sizing: border-box;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.icon{
.icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
......@@ -319,8 +327,8 @@ export default {
}
::v-deep.el-button {
background-color: #ff8e1a;
border:#ff8e1a 1px solid;
color:rgba(255,255,255,.9);
border: #ff8e1a 1px solid;
color: rgba(255, 255, 255, 0.9);
}
}
.sendcode {
......@@ -335,7 +343,7 @@ export default {
padding: 12px 0;
text-align: center;
}
::v-deep.is-disabled{
::v-deep.is-disabled {
color: #c0c4cc;
cursor: not-allowed;
background-image: none;
......
pages/about/contact.vue
浏览文件 @ 246ac094
......@@ -9,6 +9,9 @@ import tab from '../../components/about/tabNav'
import contactContent from '../../components/about/contact'
export default {
layout: 'normal',
head: {
title: '联系我们-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
tab,
contactContent
......
pages/about/course.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="course-content-box">
<app-frame :data="frameParams">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/course-chart.png">
<!-- <div class="border-box">
<template v-for="(item, index) in courseData">
<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>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '必修课程',
item: [
{
name: '设计思维与管理创新',
score: 3
},
{
name: '管理沟通',
score: 3
},
{
name: '营销管理',
score: 3
},
{
name: '信息时代的领导力',
score: 3
},
{
name: '组织行为与领导力',
score: 3
},
{
name: '商法',
score: 3
},
{
name: '财务规划与管理',
score: 3
},
{
name: '运营管理',
score: 3
},
{
name: '商业研究方法',
score: 3
},
{
name: '商业智能',
score: 3
},
{
name: '战略管理',
score: 3
},
{
name: '管理信息系统',
score: 3
},
{
name: '案例实践课',
score: '-'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '课程设置',
path: '/about/course',
pathActive: ['/about/course']
},
{
name: '师资力量',
path: '/about/teacher',
pathActive: ['/about/teacher']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.course-content-box {
width: 1200px;
margin: 0 auto;
.content-mian {
// padding: 106px 141px 110px 96px;
img{
width: 100%;
display: block;
}
.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 {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
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;
}
}
}
}
}
}
}
</style>
pages/about/culture.vue
浏览文件 @ 246ac094
......@@ -9,6 +9,9 @@ import tab from '../../components/about/tabNav'
import cultureContent from '../../components/about/culture'
export default {
layout: 'normal',
head: {
title: '文化理念-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
tab,
cultureContent
......
pages/about/introduce.vue
浏览文件 @ 246ac094
......@@ -9,6 +9,9 @@ import tab from '../../components/about/tabNav'
import intrContent from '../../components/about/introduce'
export default {
layout: 'normal',
head: {
title: '紫荆简介-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
tab,
intrContent
......
pages/about/lesson/_id.vue
浏览文件 @ 246ac094
......@@ -31,8 +31,9 @@
import tab from '@/components/about/tabNav'
export default {
layout: 'normal',
components: {
tab
components: { tab },
head: {
title: '公开课-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
data() {
return {
......@@ -45,7 +46,8 @@ export default {
return res.data
})
const params = {
project_id: process.env.newProjectId,
// project_id: process.env.newProjectId,
project_id: '6800242743894343680',
type_tag: 'article_publish_class',
is_recommend: 1,
page: 1,
......
pages/about/lesson/index.vue
浏览文件 @ 246ac094
......@@ -35,6 +35,9 @@ import tab from '@/components/about/tabNav'
export default {
layout: 'normal',
components: { tab, appLink },
head: {
title: '公开课-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
data() {
return {
listData: [],
......@@ -45,7 +48,8 @@ export default {
},
async fetch() {
const params = {
project_id: process.env.newProjectId,
// project_id: process.env.newProjectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'article_publish_class',
page: this.currentPaeg,
limit: 10
......
pages/about/message/_id.vue
浏览文件 @ 246ac094
......@@ -31,8 +31,9 @@
import tab from '@/components/about/tabNav'
export default {
layout: 'normal',
components: {
tab
components: { tab },
head: {
title: '校长寄语-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
data() {
return {
......@@ -45,7 +46,7 @@ export default {
return res.data
})
const params = {
project_id: process.env.newProjectId,
project_id: '6800242743894343680',
type_tag: 'img_text_school',
is_recommend: 1,
page: 1,
......
pages/about/message/index.vue
浏览文件 @ 246ac094
......@@ -35,6 +35,9 @@ import tab from '@/components/about/tabNav'
export default {
layout: 'normal',
components: { tab, appLink },
head: {
title: '校长寄语-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
data() {
return {
listData: [],
......@@ -45,7 +48,8 @@ export default {
},
async fetch() {
const params = {
project_id: process.env.newProjectId,
// project_id: process.env.newProjectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'img_text_school',
page: this.currentPaeg,
limit: 10
......
pages/about/news/index.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="news-content">
<tab />
<new-list :type="type" />
</div>
</template>
<script>
import tab from '@/components/about/tabNav'
import newList from '@/components/about/newList'
export default {
layout: 'normal',
components: { tab, newList },
data() {
return {
listData: [],
currentPaeg: 1,
total: 0,
limit: 10
}
},
computed: {
type() {
return this.$route.query.type
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
justify-content: center;
}
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/about/teacher.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
<!-- <div class="teacher-box">
<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>
<template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div>
</template>
</li>
</template>
</ul>
</div>
</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '课程设置',
path: '/about/course',
pathActive: ['/about/course']
},
{
name: '师资力量',
path: '/about/teacher',
pathActive: ['/about/teacher']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
</style>
pages/alumni/outstanding.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="outstanding">
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary-alumni-new2.png" style="width:90%;margin:0 auto;display:block">
<div class="alumni" v-if="false">
<h5>KELLEY商学院杰出校友</h5>
<ul class="card-list">
<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>紫荆-KELLEY优秀学生</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>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
alumniList: [
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-01.png',
name: "Paul H. O'Neill",
post: ['前美国财政部长']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-02.png',
name: 'Alan B. Graf',
post: ['Fedex首席财务官']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-03.png',
name: 'John Chambers',
post: ['Cisco首席执行官']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-04.png',
name: 'Ali Tuet',
post: ['香港ESG控股集团主席总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-05.png',
name: 'Jimmy Wales',
post: ['Jimmy Wales']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-06.png',
name: 'Mark Cuban',
post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-07.png',
name: 'Peter Wong',
post: ['汇丰银行', '亚洲区总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-08.png',
name: "Paul H. O'Neill",
post: ['美国 Whirlpool', '亚洲副总裁']
}
],
studentList: [
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-01.png',
name: '张彧',
education: ['Xavier University', '工商管理硕士'],
post: ['希尔顿酒店管理有限公司', '财务部副总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-02.png',
name: '赵旭娜',
education: ['约翰霍普金斯大学', '博士后'],
post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-03.png',
name: '刘育弘',
education: ['中山大学', '高级工商管理硕士'],
post: ['广州快塑电子商务有限公司', '执行总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-04.png',
name: '刘丹',
education: ['香港大学李嘉诚医学院', '医学影像学博士'],
post: ['华润医疗直属医院', '运营院长']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-05.png',
name: '刘志诚',
education: ['香港理工大学', '软件科技及工商管理双硕士'],
post: ['乐信集团信息安全中心', '总监']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-06.png',
name: '孙红平',
education: ['广东外语外贸大学', '翻译硕士'],
post: ['美国IPO直通车公司', '管理合伙人']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-07.png',
name: '侍文',
education: ['The University of Manchester', '工商管理硕士'],
post: ['苏州诗诗珠宝有限公司', '总经理']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-08.png',
name: '虞东',
education: ['北京大学光华管理学院', '高级工商管理硕士'],
post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: '校友故事',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
},
{
name: '校友福利',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.alumni {
padding: 30px 74px;
h5 {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 74px;
color: #333333;
}
.card-list {
margin-bottom: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
li {
width: 410px;
height: 195px;
background: #ebebeb;
display: flex;
margin: 0 20px 21px 0;
transition: 0.5s ease-in-out;
.avatar {
width: 204px;
height: 100%;
img {
width: 157px;
height: 157px;
margin: 20px 0 0 23px;
}
}
.text {
margin-top: 72px;
h6 {
font-size: 18px;
font-family: HelveticaNeueLTPro-Md;
line-height: 18px;
color: #aa1941;
margin-bottom: 10px;
}
p {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #666;
}
div {
font-size: 12px;
font-family: Source Han Sans CN;
font-weight: 300;
line-height: 18px;
color: #666;
}
}
}
li:nth-child(even) {
margin-right: 0;
}
li:hover {
background: #aa1941;
.text {
h6,
p,
div {
color: #fff;
}
}
}
}
}
</style>
pages/about/news/_id.vue → pages/alumni/outstanding/_id.vue
浏览文件 @ 246ac094
<template>
<div class="news-content">
<tab />
<div class="detail-content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
<div class="detail-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index">
<a :target="item.uri !== '' ? '_blank' : '_self'" :href="item.uri ? item.uri : `/about/news/${item.id}`">
<img :src="item.web_img_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</a>
</li>
</ul>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
<div class="more-btn" @click="$router.push({ path: '/about/news' })">查看更多</div>
</div>
</app-frame>
</div>
</template>
<script>
import tab from '@/components/about/tabNav'
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
head: {
title: '校友福利-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
tab
appFrame,
recommend
},
data() {
return {
frameParams: {
slider: [
{
name: '校友故事',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
},
{
name: '校友福利',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}
]
},
data: {},
listData: []
}
......@@ -44,53 +50,26 @@ export default {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
const params = {
project_id: process.env.newProjectId,
type_tag: 'article_news',
is_recommend: 1,
page: 1,
limit: 3
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
return res.data.data
})
},
mounted() {},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
},
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>
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.detail-content-box {
width: 1000px;
background: #fff;
padding: 50px 50px 94px;
box-sizing: border-box;
margin-bottom: 100px;
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 50px 50px 94px;
}
.back-btn {
display: flex;
align-items: center;
......@@ -116,8 +95,8 @@ export default {
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
// line-height: 100%;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content {
padding-top: 25px;
......
pages/alumni/outstanding/index.vue 0 → 100644
浏览文件 @ 246ac094
<template>
<app-frame :data="frameParams">
<article-list v-bind="listOptions"></article-list>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
layout: 'normal',
head: {
title: '校友福利-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
ArticleList
},
// async fetch() {
// const params = { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share' }
// this.newsList = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
// },
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: '校友故事',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
},
{
name: '校友福利',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}
]
}
}
},
methods: {
handleClick(item) {
this.$router.push({ name: 'alumni-outstanding-id', params: { id: item.id } })
}
},
computed: {
listOptions() {
return {
remote: {
httpRequest: getArticleList,
params: { project_id: process.env.newProjectId, type_tag: 'article_xylf' }
},
to(item) {
return `/alumni/outstanding/${item.id}`
}
}
}
}
}
</script>
<style lang="scss" scoped>
.news-item {
padding-top: 43px;
}
</style>
pages/alumni/sharing/_id.vue
浏览文件 @ 246ac094
......@@ -19,6 +19,9 @@ import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
head: {
title: '校友故事-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
recommend
......@@ -28,14 +31,14 @@ export default {
frameParams: {
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: '校友分享',
name: '校友故事',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
},
{
name: '校友福利',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}
]
},
......
pages/alumni/sharing/index.vue
浏览文件 @ 246ac094
......@@ -9,6 +9,9 @@ import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
layout: 'normal',
head: {
title: '校友故事-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
ArticleList
......@@ -21,7 +24,7 @@ export default {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/alumni_banner.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: '校友故事',
......@@ -47,7 +50,7 @@ export default {
return {
remote: {
httpRequest: getArticleList,
params: { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share' }
params: { project_id: process.env.newProjectId, type_tag: 'article_alumni' }
},
to(item) {
return `/alumni/sharing/${item.id}`
......
pages/apply/master-strategy.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<!-- <div class="title">申请条件</div>
<div class="con-txt">已获得本科或以上学位<br />有一定工作经验<br />托福79分/雅思6分以上</div> -->
<div class="title mar-t55">招生对象</div>
<div class="con-txt">
本科及以上学历学位<br />
企业中高层管理人员<br />
大专学历（需满足5年管理经验且择优录取）
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply-img-x.png" alt=""/>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba-strategy',
pathActive: ['/apply/mba-strategy']
},
{
name: '在职研申请攻略',
path: '/apply/master-strategy',
pathActive: ['/apply/master-strategy']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
img {
width: 500px;
// margin: 0 auto;
display: block;
}
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
// margin-top: 20px;
}
}
}
}
</style>
pages/apply/master/_id.vue 0 → 100644
浏览文件 @ 246ac094
<template>
<div class="detail-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
head: {
title: '在职研究生申请攻略-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
recommend
},
data() {
return {
frameParams: {
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba',
pathActive: ['/apply/mba']
},
{
name: '在职研申请攻略',
path: '/apply/master',
pathActive: ['/apply/master']
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
},
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>
.detail-content-box {
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 50px 50px 94px;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
</style>
pages/apply/master/index.vue 0 → 100644
浏览文件 @ 246ac094
<template>
<div class="hot-content-box">
<app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item" @onClick="handleClick" />
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import newsItem from '@/components/news/newsItem'
export default {
layout: 'normal',
head: {
title: '在职研究生申请攻略-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
newsItem
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: this.$route.query.type || 'article_zzyjssqgl' }
this.newsList = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/new_banner.jpg',
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba',
pathActive: ['/apply/mba']
},
{
name: '在职研申请攻略',
path: '/apply/master',
pathActive: ['/apply/master']
}
]
}
}
},
methods: {
handleClick(item) {
this.$router.push({ name: 'apply-master-id', params: { id: item.id } })
}
}
}
</script>
<style lang="scss" scoped>
.hot-content-box {
width: 1200px;
margin: 0 auto;
.news-item {
padding-top: 43px;
}
}
</style>
pages/apply/mba-strategy.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<!-- <div class="title">申请条件</div>
<div class="con-txt">已获得本科或以上学位<br />有一定工作经验<br />托福79分/雅思6分以上</div> -->
<div class="title mar-t55">招生对象</div>
<div class="con-txt">
本科及以上学历学位<br />
企业中高层管理人员<br />
大专学历（需满足5年管理经验且择优录取）
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply-img-x.png" alt=""/>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba-strategy',
pathActive: ['/apply/mba-strategy']
},
{
name: '在职研申请攻略',
path: '/apply/master-strategy',
pathActive: ['/apply/master-strategy']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
img {
width: 500px;
// margin: 0 auto;
display: block;
}
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
// margin-top: 20px;
}
}
}
}
</style>
pages/apply/mba/_id.vue 0 → 100644
浏览文件 @ 246ac094
<template>
<div class="detail-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
head: {
title: 'MBA申请攻略-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
recommend
},
data() {
return {
frameParams: {
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba',
pathActive: ['/apply/mba']
},
{
name: '在职研申请攻略',
path: '/apply/master',
pathActive: ['/apply/master']
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
},
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>
.detail-content-box {
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 50px 50px 94px;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
</style>
pages/apply/mba/index.vue 0 → 100644
浏览文件 @ 246ac094
<template>
<div class="hot-content-box">
<app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item" @onClick="handleClick" />
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import newsItem from '@/components/news/newsItem'
export default {
layout: 'normal',
head: {
title: 'MBA申请攻略-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
newsItem
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: this.$route.query.type || 'article_mbasqgl' }
this.newsList = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/new_banner.jpg',
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba',
pathActive: ['/apply/mba']
},
{
name: '在职研申请攻略',
path: '/apply/master',
pathActive: ['/apply/master']
}
]
}
}
},
methods: {
handleClick(item) {
this.$router.push({ name: 'apply-mba-id', params: { id: item.id } })
}
}
}
</script>
<style lang="scss" scoped>
.hot-content-box {
width: 1200px;
margin: 0 auto;
.news-item {
padding-top: 43px;
}
}
</style>
pages/apply/problem.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="problem-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<template v-for="(item, index) in problemList">
<div class="problem-item-box" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.problem">
<li :key="cIndex + '='">
<div class="pro-tit">{{ cItem.tit }}</div>
<div class="answer" v-html="cItem.answer"></div>
</li>
</template>
</ul>
</div>
</template>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
problemList: [
{
title: '',
problem: [
{
tit: 'Q:本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？',
answer: '没有不同，完全一样，具有相同的形式和效力。'
},
{
tit: 'Q:本项目上课形式是怎么样？',
answer: '本项目采用在线学习和线下面授相结合的授课方式。在线学习时，学生可根据自己的时间灵活安排学习，线下面授采用周末或短期集中安排的方式。'
},
{
tit: 'Q:本项目学制多久？',
answer: '本项目学制为16个月。'
},
{
tit: 'Q:能否顺利毕业拿到证书呢？',
answer: '修满36个学分的学员可获得美国玛丽伍德大学颁发的MBA学位证书。'
},
{
tit: 'Q:本项目是在职还是全职？',
answer: '本项目为在职MBA项目，采用在线学习和线下面授相结合的学习方式。'
},
{
tit: 'Q:如何申请紫荆-玛丽伍德工商管理硕士(MBA)学位项目？',
answer: '请参考网站首页——招生信息——有关申请。'
},
{
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: 'Q:玛丽伍德工商管理硕士(MBA)学位项目的学费是多少？',
answer: '该项目学费为人民币6.9万元。'
},
{
tit: 'Q:学费可以分期吗？',
answer: '项目学费由学生在入学前向紫荆教育一次性缴清，不可分期。'
}
]
}
// {
// title: '报考资格相关问题',
// problem: [
// {
// tit: 'Q:大专毕业后，又通过自考获得本科毕业证和学士学位，能否报考？',
// answer: 'A: 可以报考，只要获得本科学位证书，按照本科毕业生身份报考即可。'
// },
// {
// tit: 'Q:成人教育的本科毕业生（无学位证）能否报考？',
// answer: 'A: 不可以。需要获得本科学位证书才能符合相应报考条件。'
// }
// ]
// },
// {
// title: '费用相关问题',
// problem: [
// {
// tit: 'Q:美国印第安纳大学紫荆-玛丽伍德工商管理硕士(MBA)学位项目项目学费是多少？ 可以分期吗？',
// answer: 'A: 目前本项目的学费为24.98万元人民币，由学生在入学前向紫荆教育缴清（不可选择分期）。'
// }
// ]
// }
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: '有关申请',
path: '/apply/relevant',
pathActive: ['/apply/relevant']
},
{
name: '费用资助',
path: '/apply/support',
pathActive: ['/apply/support']
},
{
name: '常见问题',
path: '/apply/problem',
pathActive: ['/apply/problem']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.problem-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 54px 104px 90px 87px;
.problem-item-box {
margin-bottom: 80px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
padding-top: 30px;
li {
width: 808px;
margin-bottom: 15px;
.pro-tit {
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;
}
}
}
}
}
}
</style>
pages/apply/relevant.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<!-- <div class="title">申请条件</div>
<div class="con-txt">已获得本科或以上学位<br />有一定工作经验<br />托福79分/雅思6分以上</div> -->
<div class="title mar-t55">招生对象</div>
<div class="con-txt">
本科及以上学历学位<br />
企业中高层管理人员<br />
大专学历（需满足5年管理经验且择优录取）
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply-img-x.png" alt=""/>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: '有关申请',
path: '/apply/relevant',
pathActive: ['/apply/relevant']
},
{
name: '费用资助',
path: '/apply/support',
pathActive: ['/apply/support']
},
{
name: '常见问题',
path: '/apply/problem',
pathActive: ['/apply/problem']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
img {
width: 500px;
// margin: 0 auto;
display: block;
}
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
// margin-top: 20px;
}
}
}
}
</style>
pages/apply/support.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<div class="title">学费</div>
<div class="con-txt">
本项目学费6.9万元，<br />
由学生向清华控股旗下紫荆教育一次性缴纳。
</div>
<div class="title mar-t55">贷款</div>
<div class="con-txt">
1、就读本项目的学生，可以申请多家金融机构的贷款服务，<br />
2、具体信息会在学生获得正式录取资格后公布，<br />
3、清华控股旗下紫荆教育不为学员担保贷款，不承担催款义务。
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: '有关申请',
path: '/apply/relevant',
pathActive: ['/apply/relevant']
},
{
name: '费用资助',
path: '/apply/support',
pathActive: ['/apply/support']
},
{
name: '常见问题',
path: '/apply/problem',
pathActive: ['/apply/problem']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
margin-top: 20px;
}
}
}
}
</style>
pages/master/course.vue
浏览文件 @ 246ac094
<template>
<div class="course-content-box">
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/course-chart.png">
<!-- <div class="border-box">
<template v-for="(item, index) in courseData">
<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 class="content-box" v-html="detail.content"></div>
</app-frame>
</div>
</template>
......@@ -26,72 +9,16 @@
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
head: {
title: '硕士课程-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '必修课程',
item: [
{
name: '设计思维与管理创新',
score: 3
},
{
name: '管理沟通',
score: 3
},
{
name: '营销管理',
score: 3
},
{
name: '信息时代的领导力',
score: 3
},
{
name: '组织行为与领导力',
score: 3
},
{
name: '商法',
score: 3
},
{
name: '财务规划与管理',
score: 3
},
{
name: '运营管理',
score: 3
},
{
name: '商业研究方法',
score: 3
},
{
name: '商业智能',
score: 3
},
{
name: '战略管理',
score: 3
},
{
name: '管理信息系统',
score: 3
},
{
name: '案例实践课',
score: '-'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际硕士',
......@@ -109,72 +36,26 @@ export default {
pathActive: ['/master/course']
}
]
}
},
detail: {}
}
},
mounted() {
async fetch() {
this.detail = await this.$axios.get(`/api/cms/api/v1/img-text/10354374272544768/detail`).then(res => {
return res.data
})
}
}
</script>
<style lang="scss" scoped>
.course-content-box {
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-mian {
// padding: 106px 141px 110px 96px;
img{
width: 100%;
display: block;
}
.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 {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
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;
}
}
}
}
.content-box {
padding: 36px 0;
margin: 0 36px;
::v-deep img {
max-width: 100%;
}
}
}
......
pages/master/intro.vue
浏览文件 @ 246ac094
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
国际硕士
</div>
<div class="content-box" v-html="detail.content"></div>
</app-frame>
</div>
</template>
......@@ -11,85 +9,16 @@
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
head: {
title: '国际硕士-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际硕士',
......@@ -107,10 +36,14 @@ export default {
pathActive: ['/master/course']
}
]
}
},
detail: {}
}
},
mounted() {
async fetch() {
this.detail = await this.$axios.get(`/api/cms/api/v1/img-text/10354170076811264/detail`).then(res => {
return res.data
})
}
}
</script>
......@@ -119,45 +52,10 @@ export default {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
padding: 36px 0;
margin: 0 36px;
::v-deep img {
max-width: 100%;
}
}
}
......
pages/master/teacher.vue
浏览文件 @ 246ac094
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
<!-- <div class="teacher-box">
<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>
<template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div>
</template>
</li>
</template>
</ul>
</div>
</div> -->
</div>
<div class="content-box" v-html="detail.content"></div>
</app-frame>
</div>
</template>
......@@ -27,85 +9,16 @@
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
head: {
title: '硕士师资-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际硕士',
......@@ -123,10 +36,14 @@ export default {
pathActive: ['/master/course']
}
]
}
},
detail: {}
}
},
mounted() {
async fetch() {
this.detail = await this.$axios.get(`/api/cms/api/v1/img-text/10354279715897344/detail`).then(res => {
return res.data
})
}
}
</script>
......@@ -135,45 +52,10 @@ export default {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
padding: 36px 0;
margin: 0 36px;
::v-deep img {
max-width: 100%;
}
}
}
......
pages/mba/course.vue
浏览文件 @ 246ac094
<template>
<div class="course-content-box">
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/course-chart.png">
<!-- <div class="border-box">
<template v-for="(item, index) in courseData">
<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 class="content-box" v-html="detail.content"></div>
</app-frame>
</div>
</template>
......@@ -26,72 +9,16 @@
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
head: {
title: 'MBA课程-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '必修课程',
item: [
{
name: '设计思维与管理创新',
score: 3
},
{
name: '管理沟通',
score: 3
},
{
name: '营销管理',
score: 3
},
{
name: '信息时代的领导力',
score: 3
},
{
name: '组织行为与领导力',
score: 3
},
{
name: '商法',
score: 3
},
{
name: '财务规划与管理',
score: 3
},
{
name: '运营管理',
score: 3
},
{
name: '商业研究方法',
score: 3
},
{
name: '商业智能',
score: 3
},
{
name: '战略管理',
score: 3
},
{
name: '管理信息系统',
score: 3
},
{
name: '案例实践课',
score: '-'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际MBA',
......@@ -109,72 +36,26 @@ export default {
pathActive: ['/mba/course']
}
]
}
},
detail: {}
}
},
mounted() {
async fetch() {
this.detail = await this.$axios.get(`/api/cms/api/v1/img-text/10353731277119488/detail`).then(res => {
return res.data
})
}
}
</script>
<style lang="scss" scoped>
.course-content-box {
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-mian {
// padding: 106px 141px 110px 96px;
img{
width: 100%;
display: block;
}
.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 {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
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;
}
}
}
}
.content-box {
padding: 36px 0;
margin: 0 36px;
::v-deep img {
max-width: 100%;
}
}
}
......
pages/mba/intro.vue
浏览文件 @ 246ac094
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
国际MBA
</div>
<div class="content-box" v-html="detail.content"></div>
</app-frame>
</div>
</template>
......@@ -11,85 +9,16 @@
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
head: {
title: '国际MBA-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际MBA',
......@@ -107,10 +36,14 @@ export default {
pathActive: ['/mba/course']
}
]
}
},
detail: {}
}
},
mounted() {
async fetch() {
this.detail = await this.$axios.get(`/api/cms/api/v1/img-text/10353304460525568/detail`).then(res => {
return res.data
})
}
}
</script>
......@@ -119,45 +52,10 @@ export default {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
padding: 36px 0;
margin: 0 36px;
::v-deep img {
max-width: 100%;
}
}
}
......
pages/mba/teacher.vue
浏览文件 @ 246ac094
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
<!-- <div class="teacher-box">
<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>
<template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div>
</template>
</li>
</template>
</ul>
</div>
</div> -->
</div>
<div class="content-box" v-html="detail.content"></div>
</app-frame>
</div>
</template>
......@@ -27,85 +9,16 @@
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
head: {
title: 'MBA师资-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际MBA',
......@@ -123,10 +36,14 @@ export default {
pathActive: ['/mba/course']
}
]
}
},
detail: {}
}
},
mounted() {
async fetch() {
this.detail = await this.$axios.get(`/api/cms/api/v1/img-text/10353554516979712/detail`).then(res => {
return res.data
})
}
}
</script>
......@@ -135,45 +52,10 @@ export default {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
padding: 36px 0;
margin: 0 36px;
::v-deep img {
max-width: 100%;
}
}
}
......
pages/news/hot/_id.vue
浏览文件 @ 246ac094
......@@ -19,6 +19,9 @@ import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
head: {
title: '热点新闻-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
recommend
......
pages/news/hot/index.vue
浏览文件 @ 246ac094
......@@ -10,6 +10,9 @@ import appFrame from '@/components/appFrame'
import newsItem from '@/components/news/newsItem'
export default {
layout: 'normal',
head: {
title: '热点新闻-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
newsItem
......@@ -22,7 +25,7 @@ export default {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/new_banner.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/new_banner.jpg',
slider: [
{
name: '热点新闻',
......
pages/news/interview/_id.vue
浏览文件 @ 246ac094
......@@ -19,6 +19,9 @@ import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
head: {
title: '教授采访-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
watchQuery: true,
components: {
appFrame,
......
pages/news/interview/index.vue
浏览文件 @ 246ac094
......@@ -10,6 +10,9 @@ import appFrame from '@/components/appFrame'
import newsItem from '@/components/news/newsItem'
export default {
layout: 'normal',
head: {
title: '教授采访-在线MBA-综合管理方向MBA-清华控股旗下在线教育品牌'
},
components: {
appFrame,
newsItem
......@@ -22,7 +25,7 @@ export default {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/new_banner.jpg',
banner: 'https://webapp-pub.ezijing.com/project/marywood/new_banner.jpg',
slider: [
{
name: '热点新闻',
......
pages/project-intro/bg.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="project-bg">
<app-frame :data="frameParams">
<div class="project-bg-main">
<ul class="tabs">
<li
v-for="item in list"
:key="item.name"
:class="{ 'is-active': tabActive === item.name }"
@click="tabActive = item.name"
>
{{ item.label }}
</li>
</ul>
<div class="zjjy" v-if="tabActive === 'zjjy'">
<div class="sub-banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-zjjy.png" alt="" />
</div>
<div class="text">
紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。
</div>
<div class="tags">
<div
:class="{ 'tag-item': true, big: (index + 2) % 4 === 0 }"
v-for="(item, index) in tags"
:key="item.text"
>
<div class="tag-item-inner">
<p>
<span>{{ item.num }}</span
>{{ item.unit }}
</p>
<span>{{ item.text }}</span>
</div>
<el-divider direction="vertical" v-if="(index + 1) % 4 !== 0"></el-divider>
</div>
</div>
</div>
<div class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx.jpg"
alt=""
/>
</div>
<div class="text">
<p>美国玛丽伍德大学（Marywood University）办于1915年，有超过100年的历史。学校位于宾夕法尼亚州斯克兰顿市，占地700亩。学校地理位置优越，距离美国金融中心纽约和美国最古老城市之一的费城均约2小时车程。玛丽伍德大学是一所拥有128名全职教授、超过 3,000 名在校学生的综合性大学，大学设置超过100个本科、硕士及博士专业。</p>
<p>玛丽伍德大学服务来自各种学习背景的学生，并且率先通过对道德的推动来丰富人生，为学生全面发展并掌握专业技能和领导能力创建一套体系化的教育系统。</p>
</div>
</div>
<div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary-new-tabimg.jpg" alt="" />
</div>
<div class="text">
<p>
紫荆－玛丽伍德工商管理硕士（MBA）项目是清华控股紫荆教育与玛丽伍德大学联合培养的非全日制MBA项目，依托清控紫荆教育和玛丽伍德大学丰厚的教学资源，放眼全球、结合中国国情，倾力打造融汇中外“创新思维+商业智能+信息时代的领导力”理论与最新实践的前沿人才培育体系，志在培养立足中国本土实践、兼具国际视野的复合型管理人才。
</p>
<p>
紫荆-玛丽伍德工商管理硕士(MBA)学位项目（中文项目）已获得美国教育部中部地区认证委员会认证，官网可查<a href="https://www.msche.org/institution/0531/">https://www.msche.org/institution/0531/</a>
</p>
<p>
紫荆-玛丽伍德工商管理硕士(MBA)学位项目（中文项目）玛丽伍德大学官网可查：<a href="http://www.marywood.edu/business/graduate/zijing-marywood-mba.html">http://www.marywood.edu/business/graduate/zijing-marywood-mba.html</a>
</p>
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {
tabActive: 'zjjy',
list: [
{ name: 'zjjy', label: '紫荆教育' },
{ name: 'kelley', label: '玛丽伍德大学' },
{ name: 'lhbx', label: '联合办学背景' }
],
tags: [
{ num: 12, unit: '所', text: '国际合作院校' },
{ num: 522, unit: '门', text: '线上课程' },
{ num: 600, unit: '+', text: '金融机构/协会/政府/学校' },
{ num: 700, unit: '+', text: '国内外师资团队' },
{ num: 1000, unit: '+', text: '学术直播课' },
{ num: 4800, unit: '+', text: '总研发课时' },
{ num: 5000, unit: '+', text: '学位学员' },
{ num: 500, unit: '万+', text: '人次学习' }
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx3.jpg',
slider: [
{
name: '项目背景',
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
},
{
name: '项目特色',
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
},
{
name: '证书授予',
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.project-bg-main {
padding: 42px 64px 50px;
.tabs {
margin-top: 42px;
display: flex;
justify-content: space-between;
li {
background: #fbfbfb;
width: 32%;
height: 83px;
line-height: 83px;
border-top: 8px solid #fbfbfb;
font-size: 26px;
font-family: Source Han Sans CN;
color: #333;
text-align: center;
cursor: pointer;
}
li.is-active {
border-color: #aa1941;
color: #aa1941;
background-color: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
}
.sub-banner {
margin-top: 18px;
height: 302px;
img {
width: 100%;
height: 100%;
}
}
.text {
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 32px;
color: #424242;
letter-spacing: 1px;
margin-top: 40px;
}
.tags {
width: 780px;
margin: 40px auto 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
// justify-content: space-between;
.tag-item {
width: 180px;
margin-bottom: 10px;
.tag-item-inner {
display: inline-block;
text-align: center;
width: calc(100% - 17px);
p {
font-size: 20px;
color: #aa1941;
span {
font-size: 28px;
font-weight: bold;
}
}
> span {
font-size: 16px;
line-height: 34px;
color: #666666;
}
}
.el-divider {
height: 100%;
float: right;
}
}
.tag-item.big {
width: 240px;
}
}
}
</style>
pages/project-intro/certificate.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="certificate">
<app-frame :data="frameParams">
<div class="certificate-main">
<div class="checkbox">
<!-- <p><i></i>修满33个学分</p>
<p><i></i>完成毕业报告</p> -->
</div>
<!-- <p class="text">达到毕业条件的学员将被授予</p> -->
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-cert-new2.png"
alt=""
/>
<!-- <p class="certificate-title">紫荆-玛丽伍德工商管理硕士(MBA)学位</p>
<p class="certificate-des">*本学位和美国本校生所获学位相同</p> -->
</div>
</app-frame>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx3.jpg',
slider: [
{
name: '项目背景',
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
},
{
name: '项目特色',
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
},
{
name: '证书授予',
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.certificate-main {
padding: 40px;
text-align: center;
.checkbox {
display: flex;
width: 450px;
margin: 0 auto;
p {
width: 50%;
text-align: center;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #424242;
i {
display: inline-block;
width: 22px;
height: 22px;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-icon.png');
background-size: 22px 22px;
margin-right: 10px;
vertical-align: middle;
}
}
}
.text {
text-align: center;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top: 40px;
}
img {
display: block;
width: 600px;
// height: 291px;
margin: 40px auto;
}
.certificate-title {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top: 26px;
}
.certificate-des {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #aa1941;
}
}
</style>
\ No newline at end of file
pages/project-intro/charac.vue deleted 100644 → 0
浏览文件 @ 256c9f86
<template>
<div class="charac">
<app-frame :data="frameParams">
<ul class="card">
<li v-for="item in list" :key="item.title">
<div class="left">
<img :src="item.img" />
</div>
<div class="right">
<h5>{{ item.title }}</h5>
<p v-for="text in item.texts" :key="text">{{ text }}</p>
</div>
</li>
</ul>
</app-frame>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {
list: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon1.png',
title: '线上线下结合灵活的授课学习方式',
texts: ['线上+线下教学模式', '在职学习、无需出国、入读名校', '最短16个月拿到学位 ']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon2.png',
title: '高性价比享超高品质教学服务体验',
texts: ['专业在线教育品牌', '无需联考、快速入门的学习模式', '全方位的管理课程体系']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon3.png',
title: '国际视野结合中国本土的实践课程',
texts: [
'必修课程+美国访学',
'全球排名顶尖师资+中国金融业界权威专家',
'多次被 U.S. News & World Report最佳大学排名多年上榜'
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx3.jpg',
slider: [
{
name: '项目背景',
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
},
{
name: '项目特色',
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
},
{
name: '证书授予',
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.card {
width: 763px;
margin: 0 auto 0;
padding: 80px 0 30px;
li {
height: 205px;
background: #f9f8f8;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
margin-bottom: 50px;
display: flex;
.left {
width: 212px;
// background:#fcfcfc;
img {
width: 120px;
height: 120px;
margin: 43px 0 0 47px;
}
}
.right {
width: calc(100% - 212px);
padding-top: 20px;
h5 {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 44px;
color: #333333;
}
p {
color: #424242;
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 36px;
}
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论