Skip to content

P
project-online-old
提交 7c5addde authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 bdd1976c
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 217 行增加 和 6 行删除
src/api/info_api.js
浏览文件 @ 7c5addde
......@@ -11,3 +11,5 @@ export default class InfoAPI extends BaseAPI {
headers: { 'Content-Type': 'multipart/form-data' }
})
}
// 数字时代领航人才EMBA
// 工商管理硕士MBA
src/components/formBox.vue
浏览文件 @ 7c5addde
......@@ -2,8 +2,11 @@
<div class="section-form">
<div class="section-form-inner">
<div class="form-box">
<h2>玛丽伍德大学<br />领航数字时代EMBA</h2>
<p>填写姓名 + 手机， 点击报名咨询</p>
<h2>
报名咨询玛丽伍德大学<br />
EMBA与MBA项目
</h2>
<p>填写姓名+手机，选择想报名的项目</p>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item prop="name">
<el-input v-model="ruleForm.name" placeholder="姓名"></el-input>
......@@ -11,6 +14,12 @@
<el-form-item prop="phone">
<el-input v-model="ruleForm.phone" placeholder="手机"></el-input>
</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-button type="primary" :loading="isLoading" @click="submit">报名咨询</el-button>
</el-form-item>
......@@ -44,7 +53,8 @@ export default {
isLoading: false,
rules: {
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 {
position: relative;
display: flex;
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-repeat: no-repeat;
background-size: cover;
......@@ -109,6 +120,7 @@ export default {
width: 100%;
}
::v-deep .el-input__inner {
width: 100%;
background: transparent;
border: 0px;
border-bottom: 1px solid #000;
......@@ -116,6 +128,9 @@ export default {
padding: 0px;
color: #333;
}
::v-deep .el-select{
width: 100%;
}
::v-deep .el-button {
margin-top: 20px;
color: #fff;
......
src/components/layout/footer.vue
浏览文件 @ 7c5addde
......@@ -7,7 +7,7 @@
<span>学校官网</span>
</h4>
<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 class="footer-link">
<h4>
......
src/components/studentActivity.vue 0 → 100644
浏览文件 @ 7c5addde
<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>
src/components/teacherInfo.vue
浏览文件 @ 7c5addde
......@@ -121,7 +121,7 @@ export default {
main: [
'中国人民大学商学院',
'杰出教授博士生导师',
'哈佛商学院、法国INSEA',
'哈佛商学院、法国INSEAD',
'美国百森商学院访问学者',
'荷兰马斯特里赫特管理学院',
'工商管理博士'
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论