提交 e9bac95d authored 作者: 王鹏飞's avatar 王鹏飞

chore: 内容优化

上级 6e4a437e
......@@ -36,9 +36,9 @@ export default {
]
},
{
name: '报名申请',
name: '招生信息',
children: [
{ name: '有关申请', path: '/apply/relevant' },
{ name: '申请信息', path: '/apply/relevant' },
{ name: '费用资助', path: '/apply/support' },
{ name: '常见问题', path: '/apply/problem' }
]
......
......@@ -19,11 +19,10 @@
</div>
</div>
<div class="li li_center">
<div class="li-tit" v-html="$t('home.ranking.item2Tit11')"></div>
<!-- <div class="li-tit" v-html="$t('home.ranking.item2Tit11')"></div> -->
<div class="li-tit" v-html="$t('home.ranking.item2Tit12')"></div>
<div class="li-tit" v-html="$t('home.ranking.item2Tit13')"></div>
<div class="li-tit" v-html="$t('home.ranking.item2Tit14')"></div>
</div>
<div class="li mar-t">
<div class="li-tit" v-html="$t('home.ranking.item3Tit')"></div>
......@@ -55,7 +54,7 @@ export default {
.ranking-content-box {
margin-top: 57px;
width: 100%;
// height: 680px;
height: 680px;
background: url(https://webapp-pub.ezijing.com/project/kelley/home-ranking-bg.png) center;
background-size: cover;
.title {
......@@ -64,7 +63,7 @@ export default {
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 108px 0 100px;
padding: 80px 0;
.line {
// width: 369px;
height: 1px;
......@@ -82,25 +81,16 @@ export default {
margin: 0 auto;
display: flex;
justify-content: space-between;
.li_center{
.li_center {
align-self: center;
}
.li {
// width: 250px;
margin: auto;
&.mar-t {
// transform: translateY(-35px);
.li-tit {
line-height: 34px;
// transform: translateY(20px);
}
}
.li-tit {
text-align: center;
font-size: 30px;
line-height: 100%;
line-height: 1.5;
color: #fff;
}
.item {
......@@ -123,10 +113,7 @@ export default {
}
}
}
}
}
}
.is-h5 {
......@@ -162,7 +149,7 @@ export default {
margin: 0 auto;
display: flex;
justify-content: space-between;
.li_center{
.li_center {
align-self: center;
}
.li {
......
差异被折叠。
差异被折叠。
......@@ -3,6 +3,12 @@
<app-frame :data="frameParams">
<div class="outstanding">
<div class="alumni">
<div class="topic">
<h2>{{ $t('outstanding.title') }}</h2>
<p>
{{ $t('outstanding.content') }}
</p>
</div>
<h5>{{ $t('outstanding.title1') }}</h5>
<ul class="card-list">
<li v-for="(item, index) in alumniList" :key="index">
......@@ -66,7 +72,7 @@ export default {
{
avatar: 'https://webapp-pub.ezijing.com/project/caas/alumni-jc5.png',
name: 'Ryan Zimmer',
post: ['行政主厨', '马可波罗香港酒店 ', '中国 香港','CAAS 2002届校友']
post: ['行政主厨', '马可波罗香港酒店 ', '中国 香港', 'CAAS 2002届校友']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc6.jpg',
......@@ -129,6 +135,20 @@ export default {
}
</script>
<style lang="scss" scoped>
.topic {
margin-bottom: 40px;
h2 {
font-size: 22px;
text-align: center;
color: #aa1941;
}
p {
margin-top: 20px;
font-size: 16px;
line-height: 1.5;
color: #424242;
}
}
.is-pc {
.alumni {
padding: 30px 74px;
......
......@@ -17,13 +17,15 @@
</div>
</div>
<div class="content-mod2" v-if="showIndex === 1">
<img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_caas_banner.png" class="main-banner" />
<!-- <img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_caas_banner.png" class="main-banner" /> -->
<video src="https://webapp-pub.ezijing.com/project/caas/caas.mp4" poster="https://webapp-pub.ezijing.com/project/caas/caas.mp4?x-oss-process=video/snapshot,t_20000,f_jpg,w_0,h_0,m_fast" controls width="100%"></video>
<div class="content-txt">
<div class="p" v-html="$t('bg.con2Txt')"></div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 2">
<img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_lhbx_banner.png" class="main-banner" />
<!-- <img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_lhbx_banner.png" class="main-banner" /> -->
<video src="https://webapp-pub.ezijing.com/project/caas/crcs.mp4" poster="https://webapp-pub.ezijing.com/project/caas/crcs.mp4?x-oss-process=video/snapshot,t_20000,f_jpg,w_0,h_0,m_fast" controls width="100%"></video>
<div class="content-txt">
<div class="p" v-html="$t('bg.con3Txt')"></div>
</div>
......@@ -64,13 +66,15 @@
</div>
<div class="caas" v-if="tabActive === 'caas'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_caas_banner.png" />
<video src="https://webapp-pub.ezijing.com/project/caas/caas.mp4" poster="https://webapp-pub.ezijing.com/project/caas/caas.mp4?x-oss-process=video/snapshot,t_20000,f_jpg,w_0,h_0,m_fast" controls width="100%"></video>
<!-- <img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_caas_banner.png" /> -->
</div>
<div class="text" v-html="$t('bg.con2Txt')"></div>
</div>
<div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_lhbx_banner.png" />
<video src="https://webapp-pub.ezijing.com/project/caas/crcs.mp4" poster="https://webapp-pub.ezijing.com/project/caas/crcs.mp4?x-oss-process=video/snapshot,t_20000,f_jpg,w_0,h_0,m_fast" controls width="100%"></video>
<!-- <img src="https://webapp-pub.ezijing.com/project/caas/project-intro_bg_lhbx_banner.png" /> -->
</div>
<div class="text" v-html="$t('bg.con3Txt')"></div>
</div>
......@@ -166,7 +170,7 @@ export default {
}
.sub-banner {
margin-top: 18px;
height: 302px;
// height: 302px;
img {
width: 100%;
height: 100%;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论