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

chore: 内容优化

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