提交 0804f1e3 authored 作者: lihuihui's avatar lihuihui

update

上级 6c683174
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<ul class="tab_btns"> <ul class="tab_btns">
<li <li
:class="{ enroll: true, active: tabBtnActive && tabBtnTarget === 'enroll' }" :class="{ enroll: true, active: tabBtnActive && tabBtnTarget === 'enroll' }"
@click="handleMsOver" @mouseover="handleMsOver"
v-if="isShowBtn === true" v-if="isShowBtn === true"
> >
<p>报名咨询</p> <p>报名咨询</p>
...@@ -56,7 +56,7 @@ export default { ...@@ -56,7 +56,7 @@ export default {
tabBtnActive: true, tabBtnActive: true,
isShowBtn: false, isShowBtn: false,
tabBtnTarget: '', tabBtnTarget: '',
projectName: '家庭教育硕士', projectName: '工商管理硕士(MBA)',
sendCode: '', sendCode: '',
isBtnDisabled: false, isBtnDisabled: false,
formInfo: { formInfo: {
...@@ -66,9 +66,17 @@ export default { ...@@ -66,9 +66,17 @@ export default {
} }
} }
}, },
mounted() {
document.onscroll = () => {
if (window.scrollY > document.documentElement.clientHeight - 100) {
this.isShowBtn = true
this.tabBtnActive = false
}
console.log(window.scrollY, 'eee', document.documentElement.clientHeight)
}
},
methods: { methods: {
handleClose() { handleClose() {
console.log('111')
this.tabBtnActive = !this.tabBtnActive this.tabBtnActive = !this.tabBtnActive
this.isShowBtn = true this.isShowBtn = true
}, },
......
...@@ -47,44 +47,38 @@ export default { ...@@ -47,44 +47,38 @@ export default {
wmList: [ wmList: [
[ [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher1.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher10.png',
title: '冯云霞', title: 'Dr.Christ Speicher',
label: '', label: '',
main: [ main: [
'中国人民大学商学院', '玛丽伍德大学商业与全球创新学院',
'杰出教授博士生导师', '执行院长',
'哈佛商学院、法国INSEA', '创新创业学副教授',
'美国百森商学院访问学者', '全球最大无人机培训公司',
'荷兰马斯特里赫特管理学院', '「DARTdrones」创始人',
'工商管理博士' '玛丽伍德大学MBA,天普大学博士'
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher7.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher11.png',
title: '王小华', title: 'Dr.Rex Dumdum',
label: '', label: '',
main: ['北京师范大学心理学院副教授', '加拿大西安大略大学工业与组织', '心理学博士']
main: ['玛丽伍德大学管理与领导力副教授', '美国东部大学计算机大会联席主席', '纽约州立大学宾汉姆顿分校博士']
} }
], ],
[ [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher2.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher9.png',
title: '高远洋', title: 'Dr. Art Comstock',
label: '', label: '',
main: [ main: ['玛丽伍德大学金融学副教授', 'Pacer投资基金董事总经理', '里海大学商业和经济学博士']
'北京航空航天大学',
'经济管理学员副教授',
'美国加州大学伯克利分校',
'Haas商学院访问学者',
'北京航空航天大学管理学博士'
]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher8.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher12.png',
title: '张恩忠', title: 'Michelle Pannone',
label: '', label: '',
main: ['中国人民大学商学院副教授', '《市场营销学教程》第六版教材主要编写者', '美国普渡大学消费者行为学博士'] main: ['玛丽伍德大学助理教授', '「匠·中国」项目总监', '作品存于北京、杭州等城市']
} }
], ],
[ [
...@@ -101,10 +95,16 @@ export default { ...@@ -101,10 +95,16 @@ export default {
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher9.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher2.png',
title: 'Dr. Art Comstock', title: '高远洋',
label: '', label: '',
main: ['玛丽伍德大学金融学副教授', 'Pacer投资基金董事总经理', '里海大学商业和经济学博士'] main: [
'北京航空航天大学',
'经济管理学员副教授',
'美国加州大学伯克利分校',
'Haas商学院访问学者',
'北京航空航天大学管理学博士'
]
} }
], ],
[ [
...@@ -115,16 +115,16 @@ export default { ...@@ -115,16 +115,16 @@ export default {
main: ['中国人民大学商学院教授', 'MBA最佳教师,博士生导师', '美的集团特聘法律顾问', '中国人民大学法学博士'] main: ['中国人民大学商学院教授', 'MBA最佳教师,博士生导师', '美的集团特聘法律顾问', '中国人民大学法学博士']
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher10.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher1.png',
title: 'Dr.Christ Speicher', title: '冯云霞',
label: '', label: '',
main: [ main: [
'玛丽伍德大学商业与全球创新学院', '中国人民大学商学院',
'执行院长', '杰出教授博士生导师',
'创新创业学副教授', '哈佛商学院、法国INSEA',
'全球最大无人机培训公司', '美国百森商学院访问学者',
'「DARTdrones」创始人', '荷兰马斯特里赫特管理学院',
'玛丽伍德大学MBA,天普大学博士' '工商管理博士'
] ]
} }
], ],
...@@ -142,11 +142,10 @@ export default { ...@@ -142,11 +142,10 @@ export default {
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher11.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher7.png',
title: 'Dr.Rex Dumdum', title: '王小华',
label: '', label: '',
main: ['北京师范大学心理学院副教授', '加拿大西安大略大学工业与组织', '心理学博士']
main: ['玛丽伍德大学管理与领导力副教授', '美国东部大学计算机大会联席主席', '纽约州立大学宾汉姆顿分校博士']
} }
], ],
[ [
...@@ -157,10 +156,10 @@ export default { ...@@ -157,10 +156,10 @@ export default {
main: ['中国人民大学经济学教授', '斯坦福大学博士后、研究员', '布朗大学经济学博士'] main: ['中国人民大学经济学教授', '斯坦福大学博士后、研究员', '布朗大学经济学博士']
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher12.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/teacher8.png',
title: 'Michelle Pannone', title: '张恩忠',
label: '', label: '',
main: ['玛丽伍德大学助理教授', '「匠·中国」项目总监', '作品存于北京、杭州等城市'] main: ['中国人民大学商学院副教授', '《市场营销学教程》第六版教材主要编写者', '美国普渡大学消费者行为学博士']
} }
] ]
], ],
......
<template> <template>
<div class="layout_com_page"> <div class="layout_com_page">
<div class="contact-banner"> <div class="contact-banner">
<div class="pop"></div>
<div class="contact-main"> <div class="contact-main">
<span class="font-size-24">ezijing</span> <span class="font-size-24">ezijing</span>
<span class="font-size-40 befo">BEIJING</span> <span class="font-size-40 befo">BEIJING</span>
<span class="font-size-40">清控紫荆(北京)教育科技股份有限公司</span> <span class="font-size-40">清控紫荆(北京)教育科技股份有限公司</span>
<span class="font-size-18">地址:北京市海淀区中关村东路1号院7号楼5层</span> <span class="font-size-18">地址:北京市海淀区中关村东路1号院7号楼5层</span>
<span class="font-size-18">电话:010-62790180</span> <span class="font-size-18">电话:010-62796446</span>
</div> </div>
</div> </div>
<FormBox /> <FormBox />
...@@ -25,11 +26,21 @@ export default { ...@@ -25,11 +26,21 @@ export default {
.contact-banner { .contact-banner {
height: calc(100vh - 10px); height: calc(100vh - 10px);
position: relative; position: relative;
background: url('~@/assets/images/wm.png') no-repeat center center; background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/xlwm_bg.jpg) no-repeat center center;
background-size: cover; background-size: cover;
display: flex; display: flex;
justify-content: center; justify-content: center;
.pop{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba($color: #000000, $alpha: .5);
}
.contact-main { .contact-main {
position: relative;
z-index: 99;
height: 100%; height: 100%;
width: 80%; width: 80%;
display: flex; display: flex;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="content"> <div class="content">
<div class="title"> <div class="title">
<span class="icon"></span> <span class="icon"></span>
<p>报名系统</p> <p>玛丽伍德大学数字领导力MBA报名系统</p>
</div> </div>
<div class="login"> <div class="login">
<normal-login> <normal-login>
...@@ -48,14 +48,14 @@ export default { ...@@ -48,14 +48,14 @@ export default {
} }
.main .bg { .main .bg {
height: 360px; height: 360px;
background: url('~@/assets/images/login_bg.png') no-repeat center bottom; background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/bm_bg.jpg) no-repeat center 30%;
background-size: cover; background-size: cover;
} }
.main .content { .main .content {
max-width: 700px; max-width: 700px;
min-width: 320px; min-width: 320px;
position: relative; position: relative;
margin: -200px auto 0; margin: -150px auto 0;
} }
.p-con .router-link-class { .p-con .router-link-class {
color: #999; color: #999;
...@@ -110,7 +110,8 @@ export default { ...@@ -110,7 +110,8 @@ export default {
color: #fff; color: #fff;
} }
.main .title .icon { .main .title .icon {
background: url('https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg') no-repeat center center; background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/marywood_logo%402x.png')
no-repeat center center;
fill: #fff; fill: #fff;
background-size: contain; background-size: contain;
width: 166px; width: 166px;
...@@ -122,6 +123,7 @@ export default { ...@@ -122,6 +123,7 @@ export default {
line-height: 28px; line-height: 28px;
color: #fff; color: #fff;
margin: 0; margin: 0;
text-align: center;
} }
.main .login { .main .login {
flex: 1; flex: 1;
......
...@@ -300,12 +300,12 @@ export default { ...@@ -300,12 +300,12 @@ export default {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding: 40px 18px 0; padding: 40px 10px 0 18px;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
} }
li { li {
position: relative; position: relative;
font-size: 18px; font-size: 16px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
...@@ -324,12 +324,13 @@ export default { ...@@ -324,12 +324,13 @@ export default {
} }
} }
li + li { li + li {
margin-top: 10px; margin-top: 15px;
} }
} }
.project-study { .project-study {
height: 600px; height: 600px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center center; background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center
center;
background-size: cover; background-size: cover;
.subtitle { .subtitle {
padding: 50px 0; padding: 50px 0;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论