提交 9a05b56f authored 作者: pengxiaohui's avatar pengxiaohui

update

上级 4b8e3aa7
...@@ -14,13 +14,8 @@ ...@@ -14,13 +14,8 @@
</a> </a>
</div> </div>
<div> <div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank" > <a href="https://www.ciis.edu/" target="_blank" >
印第安纳大学 加州整合大学
</a>
</div>
<div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank" >
Kelley商学院
</a> </a>
</div> </div>
<div> <div>
......
...@@ -4,7 +4,8 @@ ...@@ -4,7 +4,8 @@
<div class="head-top-content"> <div class="head-top-content">
<div class="max-width-content"> <div class="max-width-content">
<app-link :item="{ path: '/' }"> <app-link :item="{ path: '/' }">
<img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/ezijing-logo.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/CIIS-Logo.png" />
</app-link> </app-link>
<div class="user" v-if="user.id"> <div class="user" v-if="user.id">
<span>{{ user.realname || user.nickname }}</span <span>{{ user.realname || user.nickname }}</span
...@@ -89,10 +90,18 @@ li { ...@@ -89,10 +90,18 @@ li {
.max-width-content { .max-width-content {
display: flex; display: flex;
align-items: center; align-items: center;
img { ::v-deep.link-content{
height: 55px; a{
cursor: pointer; display:flex;
display: block; img {
height: 55px;
cursor: pointer;
display: block;
}
img:first-child{
margin-right:30px;
}
}
} }
.user { .user {
margin-left: auto; margin-left: auto;
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<ul> <ul>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同?</div> <div class="text">加州整合大学项目毕业生颁发的学位证书与在美国颁发的证书有何不同?</div>
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<ul> <ul>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">如何申请Kelley商学院金融学硕士?</div> <div class="text">如何申请加州整合大学应用心理学硕士?</div>
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">美国印第安纳大学Kelley商学院金融学硕士的学费是多少?</div> <div class="text">美国加州整合大学应用心理学硕士的学费是多少?</div>
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
......
...@@ -194,7 +194,7 @@ export default { ...@@ -194,7 +194,7 @@ export default {
width: 1200px; width: 1200px;
height: 540px; height: 540px;
margin: 80px auto 0; margin: 80px auto 0;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ssfc-bg.png); background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/home-apply-form-bg.png);
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
......
...@@ -26,29 +26,29 @@ export default { ...@@ -26,29 +26,29 @@ export default {
}, },
data: [ data: [
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon1.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_recommended.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s1.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_recommended_on.png',
text: '全方位的金融职业<br />教育课程体系', path: '', pathType: 0 text: '国内外心理界大咖<br />联袂推荐', path: '', pathType: 0
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon2.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_integration.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s2.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_integration_on.png',
text: '专业金融<br />在线教育品牌', path: '', pathType: 0 text: '“I-WE-IT”整合式<br />学习体验', path: '', pathType: 0
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon3.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_link.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s3.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_link_on.png',
text: '科学成熟的<br />在线教育模式', path: '', pathType: 0 text: '“不出国留学”整合<br />学习与工作', path: '', pathType: 0
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon4.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_online.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s4.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_online_on.png',
text: '无需联考、快速入门<br />的学习体验', path: '', pathType: 0 text: '“理论+实践”“线上+线下”<br />整合式课程结构', path: '', pathType: 0
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon5.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_Globally.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s5.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/xinli_icon_Globally_on.png',
text: '聚焦中国实践和国际前沿<br />的最新课程', path: '', pathType: 0 text: '学位全球认可<br />学籍官方可查', path: '', pathType: 0
} }
] ]
} }
...@@ -57,7 +57,7 @@ export default { ...@@ -57,7 +57,7 @@ export default {
goPage(path) { goPage(path) {
if (path === '') { if (path === '') {
// this.$message('暂未开通,尽请期待。') // this.$message('暂未开通,尽请期待。')
return return
} }
window.open(path) window.open(path)
} }
......
...@@ -6,51 +6,42 @@ ...@@ -6,51 +6,42 @@
<div class="line"></div> <div class="line"></div>
</div> </div>
<div class="content-mian"> <div class="content-mian">
<div class="li"> <li v-for="(item, index) in rankingList" :key="index">
<div class="li-tit">印第安纳大学</div> <img :src="item.url">
<div class="item"> <p>{{item.text}}<span class="No">No.</span><span class="rank">{{item.rank}}</span></p>
<div class="tit"><span>No.</span>11</div> </li>
<div class="p">全球最佳研究生院排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
<div class="item">
<div class="tit"><span>No.</span>21</div>
<div class="p">全美最佳商学院研究生综合排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
</div>
<div class="li">
<div class="li-tit">KELLEY 商学院</div>
<div class="item">
<div class="tit"><span>No.</span>21</div>
<div class="p">总体排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
<div class="item">
<div class="tit"><span>No.</span>1</div>
<div class="p">学生满意度排名</div>
<div class="p">2016 《彭博商业周刊》</div>
</div>
</div>
<div class="li mar-t">
<div class="li-tit">KELLEY<br />在线金融硕士</div>
<div class="item">
<div class="tit"><span>No.</span>11</div>
<div class="p">全球最佳研究生院排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
<div class="item">
<div class="tit"><span>No.</span>21</div>
<div class="p">全美最佳商学院研究生综合排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'schoolRanking' name: 'schoolRanking',
data() {
return {
rankingList: [
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/home-ranking-01.png',
text: '2020年加州最佳心理咨询学院排名',
rank: '1'
},
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/home-ranking-02.png',
text: '2020年旧金山最佳在线学位项目排名',
rank: '3'
},
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/home-ranking-01.png',
text: '2020年全美临床心理咨询专业排名',
rank: '4'
},
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/home-ranking-03.png',
text: '2020年全美心理学在线博士项目排名',
rank: '14'
}
]
}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -58,7 +49,7 @@ export default { ...@@ -58,7 +49,7 @@ export default {
margin-top: 57px; margin-top: 57px;
width: 100%; width: 100%;
height: 680px; height: 680px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ranking-bg.png) center; background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/ranking-bg.png) center;
background-size: cover; background-size: cover;
.title{ .title{
width: 996px; width: 996px;
...@@ -83,41 +74,24 @@ export default { ...@@ -83,41 +74,24 @@ export default {
width: 1000px; width: 1000px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
.li{ li{
width: 250px; margin-bottom:30px;
&.mar-t{ p{
transform: translateY(-35px); font-size:14px;
.li-tit{ color:#fff;
line-height: 34px; line-height:24px;
transform: translateY(20px); padding:30px 10px;
span{
font-weight:bold;
} }
} .No{
.li-tit{ font-size:18px;
text-align: center; margin-left:20px;
font-size: 30px;
line-height: 100%;
color: #fff;
}
.item{
.tit{
padding-top: 46px;
font-size: 48px;
line-height: 100%;
color: #FFFFFF;
text-align: center;
margin-bottom: 15px;
line-height: 100%;
span{
font-size: 24px;
}
} }
.p{ .rank{
text-align: center; font-size:32px;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 11px;
} }
} }
} }
......
...@@ -71,13 +71,13 @@ export default { ...@@ -71,13 +71,13 @@ export default {
return { return {
tabBtnActive: false, tabBtnActive: false,
tabBtnTarget: '', tabBtnTarget: '',
projectName: '金融硕士', projectName: '应用心理学硕士',
sendCode: '', sendCode: '',
isBtnDisabled: false, isBtnDisabled: false,
formInfo: { formInfo: {
name: '', name: '',
phone: '', phone: '',
newProjectId: '1001' newProjectId: '1006'
}, },
projectList: [ projectList: [
{ label: '金融工商管理硕士', value: '1000' }, { label: '金融工商管理硕士', value: '1000' },
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论