提交 6668a2bf authored 作者: lhh's avatar lhh

update

上级 73023c45
......@@ -12,4 +12,4 @@ export default class InfoAPI extends BaseAPI {
})
}
// 数字时代领航人才EMBA
// 工商管理硕士MBA
// 综合管理方向MBA
......@@ -12,6 +12,10 @@
</ul>
</div>
</div>
<div class="arrow">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/curse-arr.png" />
<div class="text">从思路到出路&nbsp;&nbsp;&nbsp;&nbsp;从方法到结果</div>
</div>
</div>
</template>
......@@ -93,6 +97,24 @@ export default {
</script>
<style lang="scss" scoped>
.arrow {
width: 1145px;
margin: 15px auto;
position: relative;
img {
width: 100%;
display: block;
}
.text {
font-size: 22px;
font-weight: normal;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.course {
height: 722px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
......@@ -113,7 +135,7 @@ export default {
justify-content: center;
.item {
width: 380px;
&:nth-child(2){
&:nth-child(2) {
margin: 0 30px;
}
h2 {
......
......@@ -17,7 +17,7 @@
<el-form-item prop="project_id">
<el-select v-model="ruleForm.project_id" placeholder="选择您想报名的项目">
<el-option label="数字时代领航人才EMBA" :value="1012"></el-option>
<el-option label="工商管理硕士MBA" :value="1026"></el-option>
<el-option label="综合管理方向MBA" :value="1026"></el-option>
</el-select>
</el-form-item>
<el-form-item>
......
......@@ -26,11 +26,20 @@
<div class="intr-content">
<div class="cover-inner">
<h1>玛丽伍德大学</h1>
<h2>数字时代领航人才EMBA</h2>
<p>
<!-- 赋能当今社会每位管理人,成就数字时代先锋领导者系统、实用、数字地赋能项目成长和企业转型升级 -->
铸就领航数字商业时代的先锋领导者<br />塑造具备全球数字化视野的商企领袖
</p>
<div class="dec" style="margin-bottom:35px;font-size: 14px;color: #fff;">
无需出国&nbsp;&nbsp;在职学习&nbsp;&nbsp;学习时间灵活&nbsp;&nbsp;中美联合教学&nbsp;&nbsp;中文授课
</div>
<div class="box" style="display: flex; position: relative;">
<div class="item" style="cursor: pointer;" @click="$router.push({ path: '/profession' })">
<h2>数字时代领航人才EMBA</h2>
<p>铸就领航数字商业时代的先锋领导者<br />塑造具备全球数字化视野的商企领袖</p>
</div>
<div class="line" style="width:1px; height: 100px;background-color: #fff;margin: 30px 30px;"></div>
<div class="item" style="cursor: pointer;" @click="$router.push({ path: '/management' })">
<h2>综合管理方向MBA</h2>
<p>全面掌握商管才能<br />快速实现事业进阶</p>
</div>
</div>
</div>
<div class="button-group">
<!-- <div class="button-item"><router-link to="profession">了解更多</router-link></div> -->
......@@ -144,7 +153,7 @@ export default {
color: #fff;
line-height: 2;
text-align: justify;
width: 380px;
// width: 380px;
}
}
.button-group {
......
......@@ -38,6 +38,8 @@ export default {
navList: [
{ title: '首页', path: '/index' },
{ title: '数字时代领航人才EMBA', path: '/profession' },
{ title: '综合管理方向MBA', path: '/management' },
{ title: '数字领导力方向MBA', path: '/leadership' },
{ title: '报名申请', path: '/my' },
{ title: '最新动态', path: '/news' },
{ title: '联系我们', path: '/contact' }
......@@ -105,7 +107,7 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
width: 80%;
width: 90%;
height: 80px;
margin: 0 auto;
transition: all 0.5s;
......@@ -123,7 +125,7 @@ export default {
}
}
.nav {
flex: 2;
flex: 3;
display: flex;
justify-content: space-between;
.nav-item {
......
......@@ -71,7 +71,7 @@ export default {
},
projectList: [
{ label: '数字时代领航人才EMBA', value: 1012 },
{ label: '工商管理硕士MBA', value: 1026 }
{ label: '综合管理方向MBA', value: 1026 }
]
}
},
......
<template>
<div class="course">
<h1>课程体系</h1>
<div class="card-list">
<div class="item" v-for="(item, index) in course" :key="index">
<h2>{{ item.title }}</h2>
<ul>
<li v-for="cItem in item.list" :key="cItem.t2">
<h3>{{ cItem.t1 }}</h3>
<p>{{ cItem.t2 }}</p>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
// import HomeBanner from '@/components/home/banner'
// import HomeSchool from '@/components/home/school'
// import FormBox from '@/components/formBox'
export default {
data() {
return {
course: [
{
title: '商业方法与专题课程',
list: [
{
t1: '设计思维与管理创新',
t2: 'Design Thinking for Managers'
},
{
t1: '研究方法',
t2: 'Research Methodology'
},
{
t1: '商法',
t2: 'Commercial Law'
},
{
t1: '管理信息系统高级专题',
t2: 'Advanced Topics in Management Information System'
}
]
},
{
title: '财务与投资课程',
list: [
{
t1: '管理经济学',
t2: 'Managerial Economics'
},
{
t1: '财务规划与管理',
t2: 'Financial Planning and Management'
},
{
t1: '投资学',
t2: 'Inestments'
}
]
},
{
title: '战略、市场与管理课程',
list: [
{
t1: '组织行为与领导力',
t2: 'Organizational Behavior and Leadership'
},
{
t1: '战略管理',
t2: 'Strategic Management'
},
{
t1: '人力资源管理',
t2: 'Human Resources in Management'
},
{
t1: '运营管理',
t2: 'Operation Management'
},
{
t1: '营销管理',
t2: 'Marketing Management'
}
]
}
]
}
}
}
</script>
<style lang="scss" scoped>
.course {
height: 722px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
background-size: cover;
h1 {
font-size: 40px;
font-weight: bold;
color: #ffffff;
line-height: 51px;
width: fit-content;
margin: 0 auto;
border-bottom: 3px solid #f6a800;
padding-top: 40px;
}
.card-list {
padding-top: 50px;
display: flex;
justify-content: center;
.item {
width: 380px;
&:nth-child(2) {
margin: 0 30px;
}
h2 {
font-size: 30px;
font-weight: bold;
color: #f6a800;
line-height: 45px;
text-align: center;
margin-bottom: 35px;
}
ul {
border: 2px solid #f9aa00;
li {
height: 90px;
border-bottom: 2px solid #f9aa00;
text-align: center;
&:last-child {
border-bottom: none;
}
p {
font-size: 16px;
color: #ffffff;
line-height: 19px;
margin-top: 6px;
// white-space: nowrap;
}
h3 {
font-size: 20px;
font-weight: bold;
color: #ffffff;
line-height: 30px;
padding-top: 15px;
// white-space: nowrap;
}
}
}
}
}
}
</style>
<template>
<div class="layout_com_page_banner major-kc-wm" :style="{ 'min-height': 700 + 'px' }">
<div class="pop"></div>
<h3 style="padding-top:30px;">
<span>师资介绍</span>
</h3>
<div class="major-kc-wm-body" @mouseover="mouseOver" @mouseleave="mouseLeave">
<swiper ref="mySwiper" :options="swiperOptions">
<swiper-slide v-for="(item, index) in wmList" :key="index">
<div>
<div class="major-kc-wm-list" v-for="(cItem, cIndex) in item" :key="cIndex + 's'">
<div class="list-img">
<img :src="cItem.img" style="width: 162px" />
</div>
<div class="list-body">
<span class="font-size-18 nowrap title">{{ cItem.title }}</span>
<span class="font-size-14 wm-red zs">{{ cItem.label }}</span>
<span v-for="sItem in cItem.main" :key="sItem" class="font-size-14 mian-txt">{{ sItem }}</span>
</div>
</div>
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
</div>
</template>
<script>
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
export default {
components: {
Swiper,
SwiperSlide
},
directives: {
swiper: directive
},
computed: {
swiper() {
return this.$refs.mySwiper.$swiper
}
},
data() {
return {
wmList: [
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher10.png',
title: 'Dr.Christ Speicher',
label: '',
main: [
'玛丽伍德大学商业与全球创新学院',
'执行院长',
'创新创业学副教授',
'全球最大无人机培训公司',
'「DARTdrones」创始人',
'玛丽伍德大学EMBA,天普大学博士'
]
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher11.png',
title: 'Dr.Rex Dumdum',
label: '',
main: ['玛丽伍德大学管理与领导力副教授', '美国东部大学计算机大会联席主席', '纽约州立大学宾汉姆顿分校博士']
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher9.png',
title: 'Dr. Art Comstock',
label: '',
main: ['玛丽伍德大学金融学副教授', 'Pacer投资基金董事总经理', '里海大学商业和经济学博士']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher12.png',
title: 'Michelle Pannone',
label: '',
main: ['玛丽伍德大学助理教授', '「匠·中国」项目总监', '作品存于北京、杭州等城市']
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/teacher1.png',
title: '章铮',
label: '',
main: [
'北京大学光华管理学院副教授',
'北京大学管理科学中心环境经济研究室主任',
'中国环境与发展国际合作委员会“环境经济专家组”专家'
]
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher2.png',
title: '高远洋',
label: '',
main: [
'北京航空航天大学',
'经济管理学员副教授',
'美国加州大学伯克利分校',
'Haas商学院访问学者',
'北京航空航天大学管理学博士'
]
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher4.png',
title: '吕景胜',
label: '',
main: ['中国人民大学商学院教授', 'EMBA最佳教师,博士生导师', '美的集团特聘法律顾问', '中国人民大学法学博士']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/teacher2.png',
title: '苏文平',
label: '',
main: [
'北京航空航天大学',
'经济管理学院教授,博士,硕士生导师',
'北航生涯规划教学团队召集人',
'中国教育发展战略学会生涯教育专委会',
'学术委员会委员',
'北航MBA中心主任2008-2012'
]
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher5.png',
title: '欧阳桃花',
label: '',
main: [
'北京航空航天大学经济管理学员工商学科',
'责任教授博士生导师',
'教育部学位中心首席案例专家',
'日本神户大学管理学博士',
'清华大学经济管理学院博士后'
]
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher7.png',
title: '王小华',
label: '',
main: ['北京师范大学心理学院副教授', '加拿大西安大略大学工业与组织', '心理学博士']
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher6.png',
title: '孙昂',
label: '',
main: ['中国人民大学经济学教授', '斯坦福大学博士后、研究员', '布朗大学经济学博士']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher8.png',
title: '张恩忠',
label: '',
main: ['中国人民大学商学院副教授', '《市场营销学教程》第六版教材主要编写者', '美国普渡大学消费者行为学博士']
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/teacher3.png',
title: '商有光',
label: '',
main: [
'中央财经大学',
'金融学院金融工程系副教授',
'金融创新与财富管理中心主任',
'中央财经大学证券期货研究所研究员'
]
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/teacher4.png',
title: 'Lijun Zhu 朱丽君',
label: '',
main: [
'玛丽伍德大学商业与全球创新学院国际教育项目管理协调员',
'玛丽伍德大学国际商务授课老师',
'玛丽伍德大学MBA',
'世界五百强供应链国际采购企业服务十年,热衷教育事业'
]
}
]
],
swiperOptions: {
observer: true,
autoHeight: true,
slidesPerView: 3,
// paginationClickable: true,
spaceBetween: 0,
freeMode: true,
autoplay: {
delay: 2000
},
pagination: {
el: '.swiper-pagination',
clickable: true,
type: 'bullets'
}
}
}
},
methods: {
mouseOver() {
this.swiper.autoplay.stop()
},
mouseLeave() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.major-kc-wm {
padding-bottom: 20px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher_bg.png) no-repeat center;
background-size: cover;
position: relative;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
.pop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.53);
}
&.bg2 {
background: url('~@/assets/images/major-set/teacher_bg22.jpg') no-repeat bottom;
background-size: cover;
}
h3 {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 40px;
color: rgba(255, 255, 255, 1);
span {
position: relative;
&::before {
content: '';
position: absolute;
bottom: -8px;
width: 100%;
height: 3px;
background: #ffffff;
}
}
}
.major-kc-wm-body {
::v-deep .swiper-container {
.swiper-pagination-bullet {
opacity: 1;
background: #fff;
}
.swiper-pagination-bullet-active {
background: rgb(174, 14, 63);
}
}
width: 80%;
display: flex;
justify-content: center;
h3 {
color: #ffffffff;
}
.major-kc-wm-list {
display: flex;
flex-direction: column;
position: relative;
padding: 20px 30px;
width: 300px;
margin: 110px auto 0;
.list-img {
z-index: 3;
position: relative;
position: absolute;
left: 50%;
background: #fff;
border-radius: 50%;
top: 7%;
overflow: hidden;
transform: translate(-50%, -50%);
img {
transition: all 0.5s;
transform: scale(0.9);
cursor: pointer;
&:hover {
transform: scale(1);
}
}
}
.list-body {
display: flex;
position: relative;
// align-items: center;
flex-direction: column;
background: #fff;
border-radius: 26px;
width: 300px;
padding: 100px 0px 30px 0px;
height: 185px;
.max-width-180 {
max-width: 180px;
}
span {
padding: 5px 15px 0 40px;
color: #222222ff;
line-height: 20px;
}
&::before {
content: '';
position: absolute;
height: 90%;
width: 90%;
top: 5%;
border: 1px solid rgba(151, 151, 151, 1);
border-radius: 26px;
border-style: dashed;
}
.mian-txt {
position: relative;
&::before {
content: '';
position: absolute;
left: 22px;
top: 10px;
// -webkit-transform: translateX(-50%);
width: 8px;
height: 8px;
border: 2px solid #e27f4d;
border-radius: 50%;
}
}
.title {
padding: 0;
display: block;
width: 100%;
text-align: center;
}
.zs {
padding: 5px 0 0 0;
display: block;
width: 100%;
text-align: center;
color: #e27f4d;
}
&::before {
content: '';
position: absolute;
height: 90%;
width: 90%;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
border: 1px solid rgba(151, 151, 151, 1);
border-radius: 26px;
border-style: dashed;
}
}
}
}
}
.swiper-container {
padding-top: 20px;
padding-bottom: 40px;
}
</style>
{
"1": [
{
"class": "li wow bounceInLeft animated vi delay1 duration2",
"class2": "li2 wow bounceInLeft animated vi delay1 duration2 animated",
"span": "Integral Knowing and Critical Discourse",
"span1": "整合心理学与批判性思考",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li01",
"top1": "57px",
"right1": "277px",
"top2": "40px",
"right2": "340px"
},
{
"class": "li wow bounceInLeft animated vi delay3 duration2",
"class2": "li2 wow bounceInLeft animated vi delay3 duration2 animated",
"span": "The Self as Inquiry",
"span1": "自我探究",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateRight",
"ref": "li02",
"top1": "152px",
"right1": "362px",
"top2": "145px",
"right2": "230px"
},
{
"class": "li wow bounceInLeft animated vi delay5 duration2",
"class2": "li2 wow bounceInLeft animated vi delay5 duration2 animated",
"span": "Couples as Inquiry",
"span1": "伴侣探究",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li03",
"top1": "249px",
"right1": "414px",
"top2": "233px",
"right2": "471px"
},
{
"class": "li wow bounceInLeft animated vi delay7 duration2",
"class2": "li2 wow bounceInLeft animated vi delay7 duration2 animated",
"span": "Families as Inquiry",
"span1": "家庭探究",
"name": "li1stateRight",
"li1stateLeft": false,
"li1stateRight": false,
"ref": "li04",
"top1": "366px",
"right1": "448px",
"top2": "355px",
"right2": "320px"
},
{
"class": "li wow bounceInLeft animated vi delay9 duration2",
"class2": "li2 wow bounceInLeft animated vi delay9 duration2 animated",
"span": "Trauma",
"span1": "创伤",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li05",
"top1": "481px",
"right1": "486px",
"top2": "467px",
"right2": "546px"
},
{
"class": "li wow bounceInLeft animated delay11 vi duration2",
"class2": "li2 wow bounceInLeft animated vi delay11 duration2 animated",
"span": "Sexuality",
"span1": "性的探究",
"li1stateLeft": false,
"name": "li1stateRight",
"li1stateRight": false,
"ref": "li06",
"top1": "606px",
"right1": "562px",
"top2": "595px",
"right2": "440px"
}
],
"2": [
{
"class": "li wow bounceInLeft animated vi delay1 duration2",
"class2": "li2 wow bounceInLeft animated vi delay1 duration2 animated",
"span": "Ethical Practice",
"span1": "伦理实践",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li01",
"top1": "57px",
"right1": "277px",
"top2": "40px",
"right2": "340px"
},
{
"class": "li wow bounceInLeft animated vi delay3 duration2",
"class2": "li2 wow bounceInLeft animated vi delay3 duration2 animated",
"span": "Coaching Skills 1",
"span1": "教练技能1",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateRight",
"ref": "li02",
"top1": "152px",
"right1": "362px",
"top2": "145px",
"right2": "230px"
},
{
"class": "li wow bounceInLeft animated vi delay5 duration2",
"class2": "li2 wow bounceInLeft animated vi delay5 duration2 animated",
"span": "Leadership",
"span1": "领导力",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li03",
"top1": "249px",
"right1": "414px",
"top2": "233px",
"right2": "471px"
},
{
"class": "li wow bounceInLeft animated vi delay7 duration2",
"class2": "li2 wow bounceInLeft animated vi delay7 duration2 animated",
"span": "Coaching Skills 2",
"span1": "教练技能2",
"name": "li1stateRight",
"li1stateLeft": false,
"li1stateRight": false,
"ref": "li04",
"top1": "366px",
"right1": "448px",
"top2": "355px",
"right2": "320px"
},
{
"class": "li wow bounceInLeft animated vi delay9 duration2",
"class2": "li2 wow bounceInLeft animated vi delay9 duration2 animated",
"span": "Group Process",
"span1": "团体动力",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li05",
"top1": "481px",
"right1": "486px",
"top2": "467px",
"right2": "546px"
},
{
"class": "li wow bounceInLeft animated delay11 vi duration2",
"class2": "li2 wow bounceInLeft animated vi delay11 duration2 animated",
"span": "Capstone Project",
"span1": "顶点课程",
"li1stateLeft": false,
"name": "li1stateRight",
"li1stateRight": false,
"ref": "li06",
"top1": "606px",
"right1": "562px",
"top2": "595px",
"right2": "440px"
}
]
}
<template>
<div class="layout_com_page">
<section class="home-banner">
<div class="banner-text">
<p>传统的领导者注重于对人员和物理资产的管理</p>
<p>数字领导者将人与数字资产相互赋能倍增效益</p>
<P>传统的MBA课程体系或许已经不能满足当今数字时代各行各业的发展</P>
<h1>紫荆-玛丽伍德大学数字领导力方向MBA</h1>
<p>系统实用的MBA课程体系与数字时代碰撞</p>
</div>
<el-carousel arrow="never" class="banner-swiper">
<el-carousel-item v-for="item in bannerList" :key="item.src"><img :src="item.src"/></el-carousel-item>
</el-carousel>
</section>
<section class="introduce">
<h3>数字时代课题贯穿的<span>教学内容</span></h3>
<h3>从思路到出路,从方法到结果的<span>教学逻辑</span></h3>
<h3 class="line">理论学习、实操训练、案例教学、团队协作等多元化的<span>学习体验</span></h3>
<p>
项目课程划分为三个模块,遵循商业发展规律,以商业发展为主线,系统科学地把握项目与企业发展中的每个重要环节。
让创业不难,让转型不痛,让方法科学涌现,让执行酣畅到位,让决策有理可依,让管理有的放矢,让结果指日可期。
</p>
</section>
<courseSystem></courseSystem>
<teacherInfo></teacherInfo>
<section class="project-card">
<div class="project-card-item" v-for="(item, index) in list" :key="index">
<div class="project-card-item-header">
<h3>{{ item.name }}</h3>
</div>
<div class="project-card-item-box">
<img :src="item.bg" />
<ul>
<li v-for="(child, index) in item.children" :key="index">{{ child }}</li>
</ul>
</div>
</div>
</section>
<section class="activity-list">
<h1>丰富多彩的学生活动</h1>
<div class="list">
<div class="nav">
<div class="li">开学典礼</div>
<div class="li">论坛</div>
<div class="li">企业采访</div>
<div class="li">班级集体活动</div>
</div>
<div class="imgs w1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity1.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity2.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity3.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity4.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity5.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity6.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity7.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity8.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity9.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity10.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity11.png" />
</div>
</div>
</section>
<section class="project-study">
<div class="subtitle">
<h2>学习相关</h2>
</div>
<div class="project-study-bd">
<div class="project-study-left">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert.png" width="500px" />
</div>
<div class="project-study-right">
<h3>项目学制</h3>
<ul>
<li><span>16</span>个月</li>
<li>修满<span>30</span>学分</li>
</ul>
<p>
修满全部学分并考核合格后,由玛丽伍德大学授予高级工商管理硕士(MBA)学位,学位证书与出国留学学习所获得的学位证书相同。
</p>
</div>
</div>
</section>
<FormBox />
</div>
</template>
<script>
import courseSystem from '@/components/courseSystem'
import teacherInfo from '@/components/teacherInfo'
import FormBox from '@/components/formBox'
export default {
name: 'major-set',
components: {
FormBox,
courseSystem,
teacherInfo
},
data() {
return {
bannerList: [
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner1.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner2.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner3.png'
}
],
forestIndex: 0,
forest: [
{
name: '家庭',
eName: 'Family',
children: [
{ name: '今日家庭', eName: 'The Family Today' },
{ name: '家庭发展', eName: 'Family Development' }
]
},
{
name: '社会',
eName: 'Others',
children: [
{ name: '人类发展', eName: 'Human Development' },
{ name: '家庭法律与公共政策', eName: 'Family Law and Public Policy' }
]
},
{
name: '关系',
eName: 'Relations',
children: [
{ name: '婚姻与家庭关系', eName: 'Marriage and Family Relations' },
{ name: '人类性学', eName: 'Human Sexuality' }
]
},
{
name: '养育',
eName: 'Education',
children: [
{ name: '家庭与育儿的现代议题-儿童期', eName: 'Contemporary Issues of Family and Parenting - Childhood' },
{ name: '家庭与育儿的现代议题-青少年期', eName: 'Contemporary Issues of Family and Parenting - Adolescent' }
]
},
{
name: '技能',
eName: 'Skills',
children: [{ name: '家庭教育的课程设计与方法', eName: 'Curriculum and Methods in Family Life Education' }]
},
{
name: '治疗',
eName: 'Therapy',
children: [{ name: '家庭治疗(技术与特殊专题)', eName: 'Family Therapy (Techniques and specials Topics)' }]
}
],
list: [
{
name: '招生对象',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_01.png',
children: [
'不断超越自我,对个人职业发展有追求的职场人',
'持续企业创新,让企业持续在行业领跑的管理者',
'破局任何屏障,时刻满怀阳光与进取心的奔跑者'
]
},
{
name: '入学条件',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_02.png',
children: [
'持有本科学历或学位',
'拥有大专学历者有少量名额',
'具备工作经验和职业发展愿景',
'英语成绩不作为入学必要条件'
]
},
{
name: '授课形式',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_03.png',
children: [
'线上授课 + 线下学习',
'在线教学平台由紫荆教育自行研发打造,操作简单、功能完备、使用流畅学生可灵活安排学习时间',
'可反复观看和查阅课程资料,全方位为学习提供支持'
]
},
{
name: '毕业典礼',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_04.png',
children: ['学生可在学业全部完成后,在国内或赴美参加毕业典礼,共享学有所成的精彩时刻']
}
]
}
}
}
</script>
<style lang="scss" scoped>
.home-banner {
position: relative;
height: calc(100vh - 10px);
min-height: 600px;
}
.banner-swiper {
height: 100%;
::v-deep .el-carousel__container {
height: 100%;
}
img {
height: 100%;
width: 100%;
object-fit: cover;
}
}
.banner {
position: relative;
height: calc(100vh - 10px);
min-height: 600px;
background: url(https://webapp-pub.ezijing.com/project/cuw/project_banner.jpg) no-repeat center;
background-size: cover;
.banner-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 980px;
margin: 0 auto;
}
h1 {
font-size: 50px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #ffffff;
line-height: 58px;
letter-spacing: 9px;
text-align: center;
padding: 20px 0;
}
p {
font-size: 24px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
}
}
.project-card {
padding: 120px 0;
display: flex;
align-items: center;
justify-content: center;
background: url('~@/assets/images/major-set/bg1.png');
background-size: cover;
}
.project-card-item {
width: 260px;
margin: 0 20px;
&:hover {
.project-card-item-box {
img {
transform: scale(1.05);
}
}
}
}
.project-card-item-header {
width: 220px;
height: 60px;
margin: 0 auto;
font-size: 26px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #ffffff;
line-height: 60px;
text-align: center;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/proejct_card_bg.png') no-repeat
center top;
background-size: contain;
}
.project-card-item-box {
position: relative;
background: rgba(26, 86, 50, 1);
border-radius: 13px;
overflow: hidden;
padding-bottom: 10px;
img {
width: 100%;
transition: all 0.25s ease-in-out;
}
ul {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 40px 10px 0 18px;
background: rgba(0, 0, 0, 0.5);
}
li {
position: relative;
font-size: 16px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
line-height: 28px;
padding-left: 15px;
&::before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 6px;
height: 6px;
background: #ffffff;
border-radius: 50%;
overflow: hidden;
}
}
li + li {
margin-top: 15px;
}
}
.project-study {
height: 600px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center
center;
background-size: cover;
.subtitle {
padding: 50px 0;
text-align: center;
h2 {
display: inline-block;
padding-bottom: 12px;
font-size: 40px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #fff;
line-height: 1;
border-bottom: 3px solid #fff;
}
}
}
.project-study-bd {
display: flex;
align-items: center;
justify-content: center;
}
.project-study-right {
width: 452px;
margin-left: 45px;
color: #fff;
h3 {
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: #ffffff;
line-height: 34px;
}
ul {
margin-top: 66px;
margin-bottom: 20px;
display: flex;
}
li {
font-size: 22px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
line-height: 1;
padding-right: 30px;
span {
font-size: 66px;
font-family: 思源黑体 CN Regular;
}
}
li + li {
padding-left: 30px;
border-left: 1px solid #fff;
}
p {
font-size: 18px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
line-height: 30px;
}
}
.banner-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
text-align: center;
p {
font-size: 24px;
color: #ffffff;
line-height: 41px;
}
h1 {
font-size: 56px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: #f6a800;
letter-spacing: 3px;
white-space: nowrap;
}
}
.introduce {
height: 624px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/introduce_bg.png?v1);
background-size: cover;
padding-top: 150px;
box-sizing: border-box;
h3 {
font-size: 34px;
font-weight: bold;
color: #ffffff;
line-height: 56px;
width: fit-content;
margin: 0 auto;
&.line {
border-bottom: 1px solid #f6a800;
}
span {
color: #f6a800;
}
}
p {
font-size: 22px;
font-weight: 400;
color: #ffffff;
line-height: 32px;
max-width: 1200px;
margin: 30px auto;
}
}
.activity-list {
height: 789px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
background-size: cover;
h1 {
font-size: 40px;
font-weight: bold;
color: #ffffff;
line-height: 51px;
border-bottom: 3px solid #f6a800;
width: fit-content;
margin: 0 auto;
padding-top: 40px;
}
.list {
position: relative;
width: 1350px;
display: flex;
padding-top: 80px;
margin: 0 auto;
.nav {
position: absolute;
top: 340px;
left: 440px;
width: 900px;
height: 53px;
background: rgba(246, 168, 0, 0.6);
display: flex;
// z-index: 999;
.li {
font-size: 24px;
color: #ffffff;
line-height: 53px;
min-width: 210px;
margin-right: 20px;
text-align: center;
}
}
.imgs {
margin-right: 20px;
img {
width: 210px;
display: block;
margin-bottom: 6px;
&:hover {
transform: scale(1.05);
transition: all 0.5s;
}
}
}
.w1 {
img {
width: 420px;
}
}
}
}
</style>
......@@ -24,7 +24,7 @@
</el-radio-group> -->
<el-select v-model="setAccount.project_id" placeholder="选择您想报名的项目">
<el-option label="数字时代领航人才EMBA" :value="1012"></el-option>
<el-option label="工商管理硕士MBA" :value="1026"></el-option>
<el-option label="综合管理方向MBA" :value="1026"></el-option>
</el-select>
</el-form-item>
......
<template>
<div class="layout_com_page">
<section class="home-banner">
<div class="banner-text">
<p style="font-weight: bold;">如果你:</p>
<p>想提升学位,实现职场的华丽跃迁</p>
<p>想成为商界通才,轻松掌握商管知识</p>
<P>想读含金量高、美国正规的MBA</P>
<h1>紫荆-玛丽伍德大学工商管理硕士MBA</h1>
<p>让你全面掌握商管才能,快速实现事业进阶</p>
</div>
<el-carousel arrow="never" class="banner-swiper">
<el-carousel-item v-for="item in bannerList" :key="item.src"><img :src="item.src"/></el-carousel-item>
</el-carousel>
</section>
<section class="home-student">
<div class="home-student_tab">
<div class="tab-content1">
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-b1.png" />
<div class="tag">
<p>高含金量美国MBA</p>
<span>国际认可的硕士学位</span>
</div>
</div>
<div class="content1-item m-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-b2.png" />
<div class="tag">
<p>正规学位,中文授课</p>
<span>具备顶尖实力的MBA国际项目</span>
</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-b3.png" />
<div class="tag">
<p>美国百年名校</p>
<span>屹立于商学院顶峰的知名学府</span>
</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-b4.png" />
<div class="tag">
<p>学制12-16个月</p>
<span>高效学习,超短学制</span>
</div>
</div>
<div class="content1-item m-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-b5.png" />
<div class="tag">
<p>中美师资</p>
<span>中美优质课程</span>
</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-b6.png" />
<div class="tag">
<p>灵活学习</p>
<span>随时随地在线学</span>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="introduce">
<h3>数字时代课题贯穿的<span>教学内容</span></h3>
<h3>从思路到出路,从方法到结果的<span>教学逻辑</span></h3>
<h3 class="line">理论学习、实操训练、案例教学、团队协作等多元化的<span>学习体验</span></h3>
<p>
项目课程划分为三个模块,遵循商业发展规律,以商业发展为主线,系统科学地把握项目与企业发展中的每个重要环节。
让创业不难,让转型不痛,让方法科学涌现,让执行酣畅到位,让决策有理可依,让管理有的放矢,让结果指日可期。
</p>
</section> -->
<managementCourseSystem></managementCourseSystem>
<managementTeacherInfo></managementTeacherInfo>
<section class="project-card">
<div class="project-card-item" v-for="(item, index) in list" :key="index">
<div class="project-card-item-header">
<h3>{{ item.name }}</h3>
</div>
<div class="project-card-item-box">
<img :src="item.bg" />
<ul>
<li v-for="(child, index) in item.children" :key="index">{{ child }}</li>
</ul>
</div>
</div>
</section>
<section class="project-study">
<div class="subtitle">
<h2>学习相关</h2>
</div>
<div class="project-study-bd">
<div class="project-study-left">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/project_cert.png"
width="500px"
/>
</div>
<div class="project-study-right">
<h3>项目学制</h3>
<ul>
<li><span>12-16</span>个月</li>
<li>修满<span>36</span>学分</li>
</ul>
<p>
修满全部学分并考核合格后,由玛丽伍德大学授予工商管理硕士(MBA)证书。
</p>
</div>
</div>
</section>
<!-- <section class="activity-list">
<h1>丰富多彩的学生活动</h1>
<div class="list">
<div class="nav">
<div class="li">开学典礼</div>
<div class="li">论坛</div>
<div class="li">企业采访</div>
<div class="li">班级集体活动</div>
</div>
<div class="imgs w1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity1.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity2.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity3.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity4.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity5.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity6.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity7.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity8.png" />
</div>
<div class="imgs">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity9.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity10.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity11.png" />
</div>
</div>
</section> -->
<FormBox />
</div>
</template>
<script>
import managementCourseSystem from '@/components/managementCourseSystem'
import managementTeacherInfo from '@/components/managementTeacherInfo'
import FormBox from '@/components/formBox'
export default {
name: 'major-set',
components: {
FormBox,
managementCourseSystem,
managementTeacherInfo
},
data() {
return {
studentTabIndexTime: null,
studentTabIndex: 0,
bannerList: [
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-banner1.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-banner2.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-banner3.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/m-banner4.png'
}
],
forestIndex: 0,
forest: [
{
name: '家庭',
eName: 'Family',
children: [
{ name: '今日家庭', eName: 'The Family Today' },
{ name: '家庭发展', eName: 'Family Development' }
]
},
{
name: '社会',
eName: 'Others',
children: [
{ name: '人类发展', eName: 'Human Development' },
{ name: '家庭法律与公共政策', eName: 'Family Law and Public Policy' }
]
},
{
name: '关系',
eName: 'Relations',
children: [
{ name: '婚姻与家庭关系', eName: 'Marriage and Family Relations' },
{ name: '人类性学', eName: 'Human Sexuality' }
]
},
{
name: '养育',
eName: 'Education',
children: [
{ name: '家庭与育儿的现代议题-儿童期', eName: 'Contemporary Issues of Family and Parenting - Childhood' },
{ name: '家庭与育儿的现代议题-青少年期', eName: 'Contemporary Issues of Family and Parenting - Adolescent' }
]
},
{
name: '技能',
eName: 'Skills',
children: [{ name: '家庭教育的课程设计与方法', eName: 'Curriculum and Methods in Family Life Education' }]
},
{
name: '治疗',
eName: 'Therapy',
children: [{ name: '家庭治疗(技术与特殊专题)', eName: 'Family Therapy (Techniques and specials Topics)' }]
}
],
list: [
{
name: '招生对象',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/project_bg_01.png',
children: ['对自我提升、学历提升有追求者', '渴望全面学习与进阶商业与管理知识的人', '寻求事业上升的职场人']
},
{
name: '入学条件',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/project_bg_02.png',
children: ['持有本科学历或三年制大专', '具备工作经验和职业发展愿景', '英语成绩不作为入学必要条件']
},
{
name: '授课形式',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/project_bg_03.png',
children: [
'在线学习平台操作简单,功能完备,使用流畅',
'学生可以在线学习,灵活掌握学习时间 ',
'可反复观看和查阅课程资料'
]
},
{
name: '毕业典礼',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/515/project_bg_04.png',
children: ['学生可在学业全部完成后,在国内或赴美参加毕业典礼,共享学有所成的精彩时刻。']
}
]
}
},
mounted() {},
methods: {}
}
</script>
<style lang="scss" scoped>
.home-banner {
position: relative;
height: calc(100vh - 10px);
min-height: 600px;
}
.banner-swiper {
height: 100%;
::v-deep .el-carousel__container {
height: 100%;
}
img {
height: 100%;
width: 100%;
object-fit: cover;
}
}
.banner {
position: relative;
height: calc(100vh - 10px);
min-height: 600px;
background: url(https://webapp-pub.ezijing.com/project/cuw/project_banner.jpg) no-repeat center;
background-size: cover;
.banner-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 980px;
margin: 0 auto;
}
h1 {
font-size: 50px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #ffffff;
line-height: 58px;
letter-spacing: 9px;
text-align: center;
padding: 20px 0;
}
p {
font-size: 24px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
}
}
.project-card {
padding: 120px 0;
display: flex;
align-items: center;
justify-content: center;
// background: url('~@/assets/images/major-set/bg1.png');
// background-size: cover;
}
.project-card-item {
width: 260px;
margin: 0 20px;
&:hover {
.project-card-item-box {
img {
transform: scale(1.05);
}
}
}
}
.project-card-item-header {
width: 220px;
height: 60px;
margin: 0 auto;
font-size: 26px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #ffffff;
line-height: 60px;
text-align: center;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/proejct_card_bg.png') no-repeat
center top;
background-size: contain;
}
.project-card-item-box {
position: relative;
background: rgba(26, 86, 50, 1);
border-radius: 13px;
overflow: hidden;
padding-bottom: 10px;
img {
width: 100%;
transition: all 0.25s ease-in-out;
}
ul {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 40px 10px 0 18px;
background: rgba(0, 0, 0, 0.5);
}
li {
position: relative;
font-size: 16px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
line-height: 28px;
padding-left: 15px;
&::before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 6px;
height: 6px;
background: #ffffff;
border-radius: 50%;
overflow: hidden;
}
}
li + li {
margin-top: 15px;
}
}
.project-study {
padding: 30px 0;
height: 600px;
// background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center
// center;
// background-size: cover;
background: #fff;
.subtitle {
padding: 50px 0;
text-align: center;
h2 {
display: inline-block;
padding-bottom: 12px;
font-size: 40px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #1a5632;
line-height: 1;
border-bottom: 3px solid #1a5632;
}
}
}
.project-study-bd {
display: flex;
align-items: center;
justify-content: center;
}
.project-study-right {
width: 452px;
margin-left: 45px;
color: #000;
h3 {
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: #000;
line-height: 34px;
}
ul {
margin-top: 66px;
margin-bottom: 20px;
display: flex;
}
li {
font-size: 22px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #000;
line-height: 1;
padding-right: 30px;
span {
font-size: 60px;
font-family: 思源黑体 CN Regular;
}
}
li + li {
padding-left: 30px;
border-left: 1px solid #000;
}
p {
font-size: 18px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #000;
line-height: 30px;
}
}
.banner-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
text-align: center;
p {
font-size: 24px;
color: #ffffff;
line-height: 41px;
}
h1 {
font-size: 56px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: #f6a800;
letter-spacing: 3px;
white-space: nowrap;
}
}
.introduce {
height: 624px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/introduce_bg.png?v1);
background-size: cover;
padding-top: 150px;
box-sizing: border-box;
h3 {
font-size: 34px;
font-weight: bold;
color: #ffffff;
line-height: 56px;
width: fit-content;
margin: 0 auto;
&.line {
border-bottom: 1px solid #f6a800;
}
span {
color: #f6a800;
}
}
p {
font-size: 22px;
font-weight: 400;
color: #ffffff;
line-height: 32px;
max-width: 1200px;
margin: 30px auto;
}
}
.activity-list {
height: 789px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
background-size: cover;
h1 {
font-size: 40px;
font-weight: bold;
color: #ffffff;
line-height: 51px;
border-bottom: 3px solid #f6a800;
width: fit-content;
margin: 0 auto;
padding-top: 40px;
}
.list {
position: relative;
width: 1350px;
display: flex;
padding-top: 80px;
margin: 0 auto;
.nav {
position: absolute;
top: 340px;
left: 440px;
width: 900px;
height: 53px;
background: rgba(246, 168, 0, 0.6);
display: flex;
// z-index: 999;
.li {
font-size: 24px;
color: #ffffff;
line-height: 53px;
min-width: 210px;
margin-right: 20px;
text-align: center;
}
}
.imgs {
margin-right: 20px;
img {
width: 210px;
display: block;
margin-bottom: 6px;
&:hover {
transform: scale(1.05);
transition: all 0.5s;
}
}
}
.w1 {
img {
width: 420px;
}
}
}
}
.home-student {
margin-bottom: 50px;
.title {
font-size: 40px;
font-weight: normal;
color: #1a5632;
line-height: 51px;
border-bottom: 3px solid #f6a800;
width: 500px;
margin: 0 auto 56px;
}
.card-list {
width: 950px;
margin: 0 auto;
display: flex;
.card-item {
min-width: 210px;
overflow: hidden;
transition: all 1s;
margin-right: 36px;
margin-bottom: 39px;
&:hover {
img {
transform: scale(1.1);
transition: all 0.3s;
}
}
.top {
background: #1a5632;
height: 200px;
.num {
padding: 38px 0 20px;
text-align: center;
font-size: 48px;
font-weight: normal;
color: #f6a800;
line-height: 56px;
}
p {
font-size: 22px;
font-weight: normal;
color: #fff;
line-height: 30px;
text-align: center;
}
}
}
}
.text {
width: 950px;
margin: 0 auto;
text-align: center;
font-size: 24px;
font-weight: normal;
color: #000000;
line-height: 36px;
span {
color: #1a5632;
}
}
.home-student_tab {
margin-top: 60px;
.tab-btn {
border-bottom: 1px solid #1a5632;
.item-btn {
cursor: pointer;
width: 180px;
line-height: 42px;
border: 1px solid #1a5632;
text-align: center;
color: #1a5632;
margin-right: 10px;
border-bottom: none;
&.active {
background: #1a5632;
color: #fff;
}
}
}
.tab-content1 {
display: flex;
flex-wrap: wrap;
width: 950px;
margin: 0 auto;
padding-top: 53px;
.content1-item {
width: 280px;
margin-bottom: 38px;
&.m-c {
margin-left: 55px;
margin-right: 55px;
.tag {
border-bottom: 4px solid #f6a800;
}
}
.tag {
// line-height: 56px;
p {
font-size: 24px;
line-height: 100%;
padding: 15px 0 10px;
font-weight: bold;
}
span {
font-size: 18px;
line-height: 100%;
}
padding-bottom: 10px;
color: #000000;
border-bottom: 4px solid #1a5632;
text-align: center;
}
}
}
.tab-content_it {
display: flex;
flex-wrap: wrap;
width: 950px;
margin: 0 auto;
padding-top: 53px;
div {
width: 460px;
height: 250px;
margin-bottom: 10px;
&:nth-child(odd) {
margin-right: 30px;
}
p {
font-size: 24px;
color: #000000;
line-height: 40px;
}
}
}
}
}
</style>
......@@ -50,7 +50,7 @@ export default {
},
computed: {
projectName() {
return window.PROJECT_ID === 1012 ? '玛丽伍德大学领航数字时代EMBA硕士项目' : '玛丽伍德大学工商管理硕士MBA'
return window.PROJECT_ID === 1012 ? '玛丽伍德大学领航数字时代EMBA硕士项目' : '玛丽伍德大学综合管理方向MBA'
}
},
methods: {
......
......@@ -14,6 +14,20 @@ export const routes = [
props: { fixed: true, footer: true },
children: [{ name: 'major-set', path: '', component: () => import('@/pages/major-set/index.vue') }]
},
// 综合管理方向MBA
{
path: '/management',
component: Layout,
props: { fixed: true, footer: true },
children: [{ name: 'management', path: '', component: () => import('@/pages/management/index.vue') }]
},
// 数字领导力方向MBA
{
path: '/leadership',
component: Layout,
props: { fixed: true, footer: true },
children: [{ name: 'leadership', path: '', component: () => import('@/pages/leadership/index.vue') }]
},
// 最新动态
{
path: '/news',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论