提交 58ad1b50 authored 作者: matian's avatar matian

项目优化

上级 d6f9fe63
...@@ -91,16 +91,10 @@ export default { ...@@ -91,16 +91,10 @@ export default {
'清控紫荆教育是以清华五道口相关知识产权创设而成,自成立以来与多所国际名校合作且实现课程学分互认,所获文凭均受中国教育部与国际认证,具有很强的国际化办学经验和教学水平。' '清控紫荆教育是以清华五道口相关知识产权创设而成,自成立以来与多所国际名校合作且实现课程学分互认,所获文凭均受中国教育部与国际认证,具有很强的国际化办学经验和教学水平。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-02.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-05.png?v=4',
item_desc_tit: '无需联考、灵活录取', item_desc_tit: '国际视野、本土实践',
item_desc_con:
'无需参加国内竞争激烈的研究生入学考试、没有托福成绩的优秀学生可以完成英语强化课程(Intensive English Program),该课程内容及考核成绩被玛丽伍德大学认可,达到录取标准即可直接入读硕士项目课程。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-03.png?v=4',
item_desc_tit: '前沿专业、就业广阔',
item_desc_con: item_desc_con:
'项目提供当前数字经济领域前沿专业,使毕业生具有国际背景和全球化竞争力。此外毕业生享受国家为留学归国人员提供的落户指标、创业支持、购买免税汽车等待遇。' '本项目采用双语教学,帮助学生提前适应美国教学模式。授课师资由清北人资深教授和优秀外教组成,保证国际化同时兼具本土实践,为留学归国工作建立无缝连接。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-04.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-04.png?v=4',
...@@ -109,16 +103,10 @@ export default { ...@@ -109,16 +103,10 @@ export default {
'经过在国内学习一年后,学生只需再在国外学习一年即可获得国际认可的硕士学位,既节省时间成本又节约经济花销。' '经过在国内学习一年后,学生只需再在国外学习一年即可获得国际认可的硕士学位,既节省时间成本又节约经济花销。'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-05.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-03.png?v=4',
item_desc_tit: '国际视野、本土实践', item_desc_tit: '前沿专业、就业广阔',
item_desc_con:
'本项目采用双语教学,帮助学生提前适应美国教学模式。授课师资由清北人资深教授和优秀外教组成,保证国际化同时兼具本土实践,为留学归国工作建立无缝连接。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-06.png?v=4',
item_desc_tit: '全额退款、安心无忧',
item_desc_con: item_desc_con:
'就读期间,因个人原因中途放弃或因外部不可抗力因素(如签证不通过等)无法出国学习,个人缴纳的第1学年费用全额退还。' '项目提供当前数字经济领域前沿专业,使毕业生具有国际背景和全球化竞争力。此外毕业生享受国家为留学归国人员提供的落户指标、创业支持、购买免税汽车等待遇。'
} }
], ],
swiperOption: { swiperOption: {
...@@ -291,8 +279,8 @@ export default { ...@@ -291,8 +279,8 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
.card-item { .card-item {
width: 386px; width: 285px;
height: 336px; height: 380px;
margin-bottom: 20px; margin-bottom: 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
...@@ -322,7 +310,7 @@ export default { ...@@ -322,7 +310,7 @@ export default {
position: absolute; position: absolute;
left: 0; left: 0;
top: 80px; top: 80px;
width: 386px; width: 285px;
height: 249px; height: 249px;
// background-color: #ededed; // background-color: #ededed;
opacity: 1; opacity: 1;
...@@ -337,6 +325,8 @@ export default { ...@@ -337,6 +325,8 @@ export default {
font-weight: 600; font-weight: 600;
color: #fff; color: #fff;
line-height: 36px; line-height: 36px;
width: 100%;
text-align: center;
} }
.item_desc_con { .item_desc_con {
font-size: 16px; font-size: 16px;
...@@ -359,6 +349,8 @@ export default { ...@@ -359,6 +349,8 @@ export default {
// background-color: #fff; // background-color: #fff;
.item_desc_tit { .item_desc_tit {
border-bottom: 1px solid #f3f4f4; border-bottom: 1px solid #f3f4f4;
width: 100%;
text-align: left;
} }
.item_desc_con { .item_desc_con {
transform: translateY(0); transform: translateY(0);
......
...@@ -39,7 +39,7 @@ export default { ...@@ -39,7 +39,7 @@ export default {
return { return {
// url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png', // url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png',
url1: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-en.png?v=1', url1: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-en.png?v=1',
url2: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-cn.png', url2: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-cert-cn1.png',
frameParams: { frameParams: {
slider: [] slider: []
......
...@@ -5,15 +5,15 @@ ...@@ -5,15 +5,15 @@
<div class="content-mian"> <div class="content-mian">
<ul> <ul>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">学历要求</div> <div class="apply_name">学历</div>
<div class="apply_desc">本科学历及以上或者本科在读</div> <div class="apply_desc">本科学历及以上或者本科在读</div>
</li> </li>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">GPA要求</div> <div class="apply_name">GPA</div>
<div class="apply_desc">在校GPA不低于2.5或具有研究生学习潜力的优秀学生</div> <div class="apply_desc">在校GPA不低于2.5或具有研究生学习潜力的优秀学生</div>
</li> </li>
<li class="applyList_con"> <li class="applyList_con">
<div class="apply_name">语言要求</div> <div class="apply_name">语言</div>
<div class="apply_desc"> <div class="apply_desc">
托福≥79分或雅思≥6.0;<br /> 托福≥79分或雅思≥6.0;<br />
未达到上述语言成绩要求的申请者,入学后须参加英语强化课程并考试合格 未达到上述语言成绩要求的申请者,入学后须参加英语强化课程并考试合格
...@@ -148,6 +148,7 @@ export default { ...@@ -148,6 +148,7 @@ export default {
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
margin-top: 20px; margin-top: 20px;
line-height: 2;
} }
} }
li { li {
......
...@@ -19,25 +19,30 @@ ...@@ -19,25 +19,30 @@
</div> </div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img9.png" /> <img class="img4" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img9.png" />
<div class="content"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/school-apply-img.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood-plus/school-apply-img1.png" />
</div> </div>
<div class="content_tit"> <div class="content_tit">
<div class="line"></div> <div class="line"></div>
<div class="tit_desc">学制安排</div> <div class="tit_desc">学制安排</div>
</div> </div>
<!-- <img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/marywood3611.png" /> -->
<div class="content"> <div class="content">
<div class="img5 img55"> <div class="img5 img55">
<div class="mask"></div> <div class="mask"></div>
<div class="desc"> <div class="desc">
<!-- <div class="desc_detail"><span class="num">16</span><span class="fen">个月</span></div> --> <div class="desc_detail">
<div class="desc_detail"><span class="num">1+1</span><span class="fen"></span></div> <div class="num">
1+1
<div class="num_tag">
国内一年<br />
美国一年
</div>
</div>
</div>
<div class="desc_tit">学制安排</div> <div class="desc_tit">学制安排</div>
</div> </div>
</div> </div>
<div class="img6 img55"> <div class="img6 img55">
<div class="mask"></div> <div class="mask"></div>
<div class="desc"> <div class="desc">
<div class="desc_detail"><span class="num">36</span><span class="fen">学分</span></div> <div class="desc_detail"><span class="num">36</span><span class="fen">学分</span></div>
<div class="desc_tit">学分设置</div> <div class="desc_tit">学分设置</div>
...@@ -64,29 +69,16 @@ ...@@ -64,29 +69,16 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="content"> -->
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood36.png" /> -->
<!-- </div> -->
<div class="content_tit"> <div class="content_tit">
<div class="line"></div> <div class="line"></div>
<div class="tit_desc">课程设置</div> <div class="tit_desc">课程设置</div>
</div> </div>
<div class="course-set"> <div class="course-set">
<!-- <div class="head-tab"> <img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course1.png?v=1" />
<div @click="courseTab(0)" :class="!courseSetTab ? 'btn active' : 'btn'"> <img
<p>工商管理硕士</p> src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course2.png?v=1"
<p>Master of Business Administration</p> style="margin-top:93px"
</div> />
<div @click="courseTab(1)" :class="courseSetTab ? 'btn active' : 'btn'">
<p>管理信息系统硕士</p>
<p>M.S. in Management Information Systems</p>
</div>
</div>
<div style="padding: 40px">
<img v-if="!courseSetTab" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img2.png" />
<img v-else src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img3.png" />
</div> -->
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course.png?v=1" />
</div> </div>
<div class="content_tit"> <div class="content_tit">
<div class="line"></div> <div class="line"></div>
...@@ -442,13 +434,21 @@ export default { ...@@ -442,13 +434,21 @@ export default {
.desc_detail { .desc_detail {
color: #ffffff; color: #ffffff;
display: flex; display: flex;
justify-content: flex-end; justify-content: center;
align-items: center; align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
visibility: hidden; visibility: hidden;
.num { .num {
font-size: 55px; font-size: 55px;
font-weight: bold; font-weight: bold;
align-items: center;
display: flex;
.num_tag {
font-size: 20px;
font-weight: 400;
line-height: 24px;
color: #ffffff;
}
} }
.fen { .fen {
font-size: 20px; font-size: 20px;
...@@ -459,6 +459,10 @@ export default { ...@@ -459,6 +459,10 @@ export default {
padding-right: 5px; padding-right: 5px;
} }
} }
.detail_tag {
color: #ffffff;
visibility: hidden;
}
} }
} }
.img55:hover .mask { .img55:hover .mask {
...@@ -471,6 +475,9 @@ export default { ...@@ -471,6 +475,9 @@ export default {
.img55:hover .desc .desc_detail { .img55:hover .desc .desc_detail {
visibility: visible; visibility: visible;
} }
.img55:hover .desc .detail_tag {
visibility: visible;
}
.img5 { .img5 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img4.png'); background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img4.png');
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论