提交 7c5addde authored 作者: lhh's avatar lhh

update

上级 bdd1976c
...@@ -11,3 +11,5 @@ export default class InfoAPI extends BaseAPI { ...@@ -11,3 +11,5 @@ export default class InfoAPI extends BaseAPI {
headers: { 'Content-Type': 'multipart/form-data' } headers: { 'Content-Type': 'multipart/form-data' }
}) })
} }
// 数字时代领航人才EMBA
// 工商管理硕士MBA
...@@ -2,8 +2,11 @@ ...@@ -2,8 +2,11 @@
<div class="section-form"> <div class="section-form">
<div class="section-form-inner"> <div class="section-form-inner">
<div class="form-box"> <div class="form-box">
<h2>玛丽伍德大学<br />领航数字时代EMBA</h2> <h2>
<p>填写姓名 + 手机, 点击报名咨询</p> 报名咨询玛丽伍德大学<br />
EMBA与MBA项目
</h2>
<p>填写姓名+手机,选择想报名的项目</p>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item prop="name"> <el-form-item prop="name">
<el-input v-model="ruleForm.name" placeholder="姓名"></el-input> <el-input v-model="ruleForm.name" placeholder="姓名"></el-input>
...@@ -11,6 +14,12 @@ ...@@ -11,6 +14,12 @@
<el-form-item prop="phone"> <el-form-item prop="phone">
<el-input v-model="ruleForm.phone" placeholder="手机"></el-input> <el-input v-model="ruleForm.phone" placeholder="手机"></el-input>
</el-form-item> </el-form-item>
<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-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" :loading="isLoading" @click="submit">报名咨询</el-button> <el-button type="primary" :loading="isLoading" @click="submit">报名咨询</el-button>
</el-form-item> </el-form-item>
...@@ -44,7 +53,8 @@ export default { ...@@ -44,7 +53,8 @@ export default {
isLoading: false, isLoading: false,
rules: { rules: {
name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
phone: [{ required: true, validator: checkPhone, trigger: 'blur' }] phone: [{ required: true, validator: checkPhone, trigger: 'blur' }],
project_id: [{ required: true, message: '请选择项目', trigger: 'blur' }]
} }
} }
}, },
...@@ -71,7 +81,8 @@ export default { ...@@ -71,7 +81,8 @@ export default {
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
height: 554px; // height: 554px;
padding-bottom: 50px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/form_bg.png) no-repeat center; background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/form_bg.png) no-repeat center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
...@@ -109,6 +120,7 @@ export default { ...@@ -109,6 +120,7 @@ export default {
width: 100%; width: 100%;
} }
::v-deep .el-input__inner { ::v-deep .el-input__inner {
width: 100%;
background: transparent; background: transparent;
border: 0px; border: 0px;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
...@@ -116,6 +128,9 @@ export default { ...@@ -116,6 +128,9 @@ export default {
padding: 0px; padding: 0px;
color: #333; color: #333;
} }
::v-deep .el-select{
width: 100%;
}
::v-deep .el-button { ::v-deep .el-button {
margin-top: 20px; margin-top: 20px;
color: #fff; color: #fff;
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<span>学校官网</span> <span>学校官网</span>
</h4> </h4>
<a href="https://www.marywood.edu/" target="_blank">玛丽伍德大学官网</a> <a href="https://www.marywood.edu/" target="_blank">玛丽伍德大学官网</a>
<a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德MBA</a> <a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德EMBA</a>
</div> </div>
<div class="footer-link"> <div class="footer-link">
<h4> <h4>
......
<template>
<div class="layout_com_page_banner major-kc-wm" :style="{ 'min-height': 789 + 'px' }">
<h3 style="padding-top:30px;">
<span v-m>丰富多彩的学生活动</span>
</h3>
<div class="major-kc-wm-body" @mouseover="mouseOver" @mouseleave="mouseLeave">
<swiper ref="mySwiper" :options="swiperOptions">
<swiper-slide v-for="(item, index) in list" :key="index">
<div>
<!-- <div class="activity-list"> -->
<div class="activity-item">
<div class="title">{{ item.title }}</div>
<img :src="img" v-for="img in item.img" :key="img" />
</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 {
list: [
{
title: '线下课程',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-3.png'
]
},
{
title: '企业参访',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-3.png'
]
},
{
title: '班级活动',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-3.png'
]
},
{
title: '班级庆典',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-3.png'
]
},
{
title: '赴美毕业游',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-3.png'
]
},
{
title: '毕业典礼',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-3.png'
]
},
{
title: '紫荆校友',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-3.png'
]
}
],
swiperOptions: {
observer: true,
autoHeight: true,
slidesPerView: 4,
// 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 {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
background-size: cover;
position: relative;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
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: #f6a800;
}
}
}
.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: 950px;
display: flex;
justify-content: center;
h3 {
color: #ffffffff;
}
}
}
.swiper-container {
padding-top: 20px;
padding-bottom: 40px;
}
.activity-item {
width: 210px;
.title {
width: 210px;
line-height: 50px;
background: #f6a800;
text-align: center;
font-size: 24px;
color: #fff;
margin-bottom: 20px;
}
img {
margin-bottom: 10px;
}
}
</style>
...@@ -121,7 +121,7 @@ export default { ...@@ -121,7 +121,7 @@ export default {
main: [ main: [
'中国人民大学商学院', '中国人民大学商学院',
'杰出教授博士生导师', '杰出教授博士生导师',
'哈佛商学院、法国INSEA', '哈佛商学院、法国INSEAD',
'美国百森商学院访问学者', '美国百森商学院访问学者',
'荷兰马斯特里赫特管理学院', '荷兰马斯特里赫特管理学院',
'工商管理博士' '工商管理博士'
......
...@@ -2,17 +2,130 @@ ...@@ -2,17 +2,130 @@
<div class="layout_com_page"> <div class="layout_com_page">
<section class="home-banner"> <section class="home-banner">
<div class="banner-text"> <div class="banner-text">
<p>传统的领导者注重于对人员和物理资产的管理</p> <p>如果你</p>
<p>数字领导者将人与数字资产相互赋能倍增效益</p> <p>想驰骋商企领袖圈,群雄荟萃彰显高层身份</p>
<P>传统的EMBA课程体系或许已经不能满足当今数字时代各行各业的发展</P> <p>想构建国际化格局,对话中美顶级商学大师</p>
<h1>紫荆-玛丽伍德大学领航数字时代EMBA</h1> <P>想掌舵数字新纪元,构建高净值商业生态圈</P>
<p>系统实用的EMBA课程体系与数字时代碰撞</p> <h1>紫荆-玛丽伍德大学数字时代领航人才EMBA</h1>
<p>塑造具备全球数字化视野的商企领袖</p>
</div> </div>
<el-carousel arrow="never" class="banner-swiper"> <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-item v-for="item in bannerList" :key="item.src"><img :src="item.src"/></el-carousel-item>
</el-carousel> </el-carousel>
</section> </section>
<section class="introduce"> <section class="home-student">
<div class="title">精英学员云集 群雄同学荟萃</div>
<div class="card-list">
<div class="card-item">
<div class="top">
<div class="num">86%</div>
<p>企业中高管学员</p>
<p>占比</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student1.png" />
</div>
<div class="card-item">
<div class="top">
<div class="num">10%</div>
<p>硕士、博士学位学员</p>
<p>占比</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student2.png" />
</div>
<div class="card-item">
<div class="top">
<div class="num">34</div>
<p>学员来自34个省级</p>
<p>行政区</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student3.png" />
</div>
<div class="card-item">
<div class="top">
<div class="num">10</div>
<p>学员来自10个海外</p>
<p>国家</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student4.png" />
</div>
</div>
<p class="text">
紫荆-玛丽伍德大学项目培养了众多高管学员,他们中有众多成功创业者和企业高管,就职于<span>中化、中冶、中交、中金、阿里、百度</span>等国际知名企业。
</p>
<p class="text" style="margin-top: 20px;">
很多学员曾毕业于<span>清华、北大、人大、复旦、北理工、厦大、浙大、杜克、加州伯克利、纽约大学</span>等国内外著名学府。
</p>
<div class="home-student_tab">
<div class="tab-btn">
<div style="margin: 0 auto;width: 950px; display: flex;">
<div :class="studentTabIndex === 0 ? 'active item-btn' : 'item-btn'" @click="studentTabIndex = 0">
中美大师课
</div>
<div :class="studentTabIndex === 1 ? 'active item-btn' : 'item-btn'" @click="studentTabIndex = 1">
线上研讨
</div>
<div :class="studentTabIndex === 2 ? 'active item-btn' : 'item-btn'" @click="studentTabIndex = 2">
线下课堂
</div>
</div>
</div>
<div class="tab-content1" v-if="studentTabIndex === 0">
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-1.png" />
<div class="tag">中文教学 双语环境</div>
</div>
<div class="content1-item m-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-2.png" />
<div class="tag">中外师资 实时交流</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-3.png" />
<div class="tag">商业视野 格局境界</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-4.png" />
<div class="tag">中西交融 在线互动</div>
</div>
<div class="content1-item m-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-5.png" />
<div class="tag">创新思维 启迪智慧</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-6.png" />
<div class="tag">精品课程 聚焦前沿</div>
</div>
</div>
<div class="tab-content_it" v-if="studentTabIndex === 1">
<div>
<p>充分开启同学、师生之间的交流探讨,分享各自的商业案例,把脉时代的前沿课题,探索企业数字化转型之路。</p>
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-2-1.png" />
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-2-2.png" />
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-2-3.png" />
</div>
</div>
<div class="tab-content_it" v-if="studentTabIndex === 2">
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-3-1.png" />
</div>
<div>
<p>丰富的线下互动课程,现场对话名师,建立顶级商业思维,开拓前沿商业视野,探索创新商业模式。</p>
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-3-2.png" />
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-3-3.png" />
</div>
</div>
</div>
</section>
<!-- <section class="introduce">
<h3>数字时代课题贯穿的<span>教学内容</span></h3> <h3>数字时代课题贯穿的<span>教学内容</span></h3>
<h3>从思路到出路,从方法到结果的<span>教学逻辑</span></h3> <h3>从思路到出路,从方法到结果的<span>教学逻辑</span></h3>
<h3 class="line">理论学习、实操训练、案例教学、团队协作等多元化的<span>学习体验</span></h3> <h3 class="line">理论学习、实操训练、案例教学、团队协作等多元化的<span>学习体验</span></h3>
...@@ -20,23 +133,31 @@ ...@@ -20,23 +133,31 @@
项目课程划分为三个模块,遵循商业发展规律,以商业发展为主线,系统科学地把握项目与企业发展中的每个重要环节。 项目课程划分为三个模块,遵循商业发展规律,以商业发展为主线,系统科学地把握项目与企业发展中的每个重要环节。
让创业不难,让转型不痛,让方法科学涌现,让执行酣畅到位,让决策有理可依,让管理有的放矢,让结果指日可期。 让创业不难,让转型不痛,让方法科学涌现,让执行酣畅到位,让决策有理可依,让管理有的放矢,让结果指日可期。
</p> </p>
</section> </section> -->
<courseSystem></courseSystem> <courseSystem></courseSystem>
<teacherInfo></teacherInfo> <teacherInfo></teacherInfo>
<section class="project-card"> <section class="project-study">
<div class="project-card-item" v-for="(item, index) in list" :key="index"> <div class="subtitle">
<div class="project-card-item-header"> <h2>学习相关</h2>
<h3>{{ item.name }}</h3> </div>
<div class="project-study-bd">
<div class="project-study-left">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/cert.png" width="500px" />
</div> </div>
<div class="project-card-item-box"> <div class="project-study-right">
<img :src="item.bg" /> <h3>项目学制</h3>
<ul> <ul>
<li v-for="(child, index) in item.children" :key="index">{{ child }}</li> <li><span>16</span>个月</li>
<li>修满<span>36</span>学分</li>
</ul> </ul>
<p>
修满全部学分并考核合格后,由玛丽伍德大学授予高级管理人员工商管理硕士(EMBA)证书。
</p>
</div> </div>
</div> </div>
</section> </section>
<section class="activity-list"> <studentActivity></studentActivity>
<!-- <section class="activity-list">
<h1>丰富多彩的学生活动</h1> <h1>丰富多彩的学生活动</h1>
<div class="list"> <div class="list">
<div class="nav"> <div class="nav">
...@@ -67,27 +188,21 @@ ...@@ -67,27 +188,21 @@
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity11.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity11.png" />
</div> </div>
</div> </div>
</section> </section> -->
<section class="project-study"> <section class="project-card">
<div class="subtitle"> <div class="project-card-item" v-for="(item, index) in list" :key="index">
<h2>学习相关</h2> <div class="project-card-item-header">
</div> <h3>{{ item.name }}</h3>
<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>
<div class="project-study-right"> <div class="project-card-item-box">
<h3>项目学制</h3> <img :src="item.bg" />
<ul> <ul>
<li><span>16</span>个月</li> <li v-for="(child, index) in item.children" :key="index">{{ child }}</li>
<li>修满<span>30</span>学分</li>
</ul> </ul>
<p>
修满全部学分并考核合格后,由玛丽伍德大学授予高级工商管理硕士(EMBA)学位,学位证书与出国留学学习所获得的学位证书相同。
</p>
</div> </div>
</div> </div>
</section> </section>
<FormBox /> <FormBox />
</div> </div>
</template> </template>
...@@ -95,25 +210,28 @@ ...@@ -95,25 +210,28 @@
<script> <script>
import courseSystem from '@/components/courseSystem' import courseSystem from '@/components/courseSystem'
import teacherInfo from '@/components/teacherInfo' import teacherInfo from '@/components/teacherInfo'
import studentActivity from '@/components/studentActivity'
import FormBox from '@/components/formBox' import FormBox from '@/components/formBox'
export default { export default {
name: 'major-set', name: 'major-set',
components: { components: {
FormBox, FormBox,
courseSystem, courseSystem,
teacherInfo teacherInfo,
studentActivity
}, },
data() { data() {
return { return {
studentTabIndex: 0,
bannerList: [ 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/marywood/417/banner-417-1.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/marywood/417/banner-417-2.png'
}, },
{ {
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner3.png' src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/417/banner-417-3.png'
} }
], ],
forestIndex: 0, forestIndex: 0,
...@@ -166,9 +284,9 @@ export default { ...@@ -166,9 +284,9 @@ export default {
name: '招生对象', name: '招生对象',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_01.png', bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_01.png',
children: [ children: [
'不断超越自我,对个人职业发展有追求的职场人', '希望收获商业伙伴,共话未来商业发展机会的管理者',
'持续企业创新,让企业持续在行业领跑的管理者', '持续企业创新,让企业持续在行业领跑的管理者',
'破局任何屏障,时刻满怀阳光与进取心的奔跑者' '有企业责任、社会责任的商业管理精英与领袖'
] ]
}, },
{ {
...@@ -176,24 +294,22 @@ export default { ...@@ -176,24 +294,22 @@ export default {
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_02.png', bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_02.png',
children: [ children: [
'持有本科学历或学位', '持有本科学历或学位',
'拥有大专学历者有少量名额', '拥有三年制大专学历者可视情况录取',
'具备工作经验和职业发展愿景', '具备5年以上管理经验,具备领航新时代愿景'
'英语成绩不作为入学必要条件'
] ]
}, },
{ {
name: '授课形式', name: '授课形式',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_03.png', bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_03.png',
children: [ children: [
'线上授课 + 线下学习', '线上研讨+线下课堂',
'在线教学平台由紫荆教育自行研发打造,操作简单、功能完备、使用流畅学生可灵活安排学习时间', '中文授课、免联考,充分开启同学、师生之间的充分交流,分享各自的商业案例,把脉与深度研讨时代前沿课题。 '
'可反复观看和查阅课程资料,全方位为学习提供支持'
] ]
}, },
{ {
name: '毕业典礼', name: '毕业典礼',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_04.png', bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_04.png',
children: ['学生可在学业全部完成后,在国内或赴美参加毕业典礼,共享学有所成的精彩时刻'] children: ['学生可在学业全部完成后,在国内或赴美参加毕业典礼,共享学有所成的精彩时刻']
} }
] ]
} }
...@@ -256,8 +372,8 @@ export default { ...@@ -256,8 +372,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: url('~@/assets/images/major-set/bg1.png'); // background: url('~@/assets/images/major-set/bg1.png');
background-size: cover; // background-size: cover;
} }
.project-card-item { .project-card-item {
width: 260px; width: 260px;
...@@ -328,10 +444,12 @@ export default { ...@@ -328,10 +444,12 @@ export default {
} }
} }
.project-study { .project-study {
padding: 30px 0;
height: 600px; height: 600px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center // background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center
center; // center;
background-size: cover; // background-size: cover;
background: #fff;
.subtitle { .subtitle {
padding: 50px 0; padding: 50px 0;
text-align: center; text-align: center;
...@@ -341,9 +459,9 @@ export default { ...@@ -341,9 +459,9 @@ export default {
font-size: 40px; font-size: 40px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500; font-weight: 500;
color: #fff; color: #1a5632;
line-height: 1; line-height: 1;
border-bottom: 3px solid #fff; border-bottom: 3px solid #1a5632;
} }
} }
} }
...@@ -355,12 +473,12 @@ export default { ...@@ -355,12 +473,12 @@ export default {
.project-study-right { .project-study-right {
width: 452px; width: 452px;
margin-left: 45px; margin-left: 45px;
color: #fff; color: #000;
h3 { h3 {
font-size: 26px; font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN; font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #000;
line-height: 34px; line-height: 34px;
} }
ul { ul {
...@@ -372,7 +490,7 @@ export default { ...@@ -372,7 +490,7 @@ export default {
font-size: 22px; font-size: 22px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #000;
line-height: 1; line-height: 1;
padding-right: 30px; padding-right: 30px;
span { span {
...@@ -382,13 +500,13 @@ export default { ...@@ -382,13 +500,13 @@ export default {
} }
li + li { li + li {
padding-left: 30px; padding-left: 30px;
border-left: 1px solid #fff; border-left: 1px solid #000;
} }
p { p {
font-size: 18px; font-size: 18px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #000;
line-height: 30px; line-height: 30px;
} }
} }
...@@ -499,4 +617,131 @@ export default { ...@@ -499,4 +617,131 @@ export default {
} }
} }
} }
.home-student {
padding-top: 76px;
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;
border-bottom: 4px solid #1a5632;
font-size: 24px;
color: #000000;
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> </style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论