Skip to content

P
project-online-pc
提交 58896488 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

style: 学校排名样式调整

上级 b9bcfe42
隐藏空白字符变更
内嵌 并排
正在显示 包含 30 行增加 和 28 行删除
components/home/schoolRanking.vue
浏览文件 @ 58896488
...@@ -11,11 +11,11 @@ ...@@ -11,11 +11,11 @@
<div class="li-tit" v-html="$t('home.ranking.item1Tit')"></div> <div class="li-tit" v-html="$t('home.ranking.item1Tit')"></div>
<div class="li-tit1" v-html="$t('home.ranking.item1Tit1')"></div> <div class="li-tit1" v-html="$t('home.ranking.item1Tit1')"></div>
<div class="item"> <div class="item">
<div class="tit"><span class="no">No.</span><span class="num">1</span></div> <div class="tit"><span class="no">2021.No.</span><span class="num">1</span></div>
<div class="p" v-html="$t('home.ranking.item1Txt1')"></div> <div class="p" v-html="$t('home.ranking.item1Txt1')"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="tit"><span class="no">No.</span><span class="num">8</span></div> <div class="tit"><span class="no">2021.No.</span><span class="num">8</span></div>
<div class="p" v-html="$t('home.ranking.item1Txt2')"></div> <div class="p" v-html="$t('home.ranking.item1Txt2')"></div>
</div> </div>
</div> </div>
...@@ -29,7 +29,6 @@ ...@@ -29,7 +29,6 @@
<div class="li-tit" v-html="$t('home.ranking.item3Tit')"></div> <div class="li-tit" v-html="$t('home.ranking.item3Tit')"></div>
<div class="li-tit1" v-html="$t('home.ranking.item3Tit1')"></div> <div class="li-tit1" v-html="$t('home.ranking.item3Tit1')"></div>
<div class="item"> <div class="item">
<div class="tit"><span class="no">2021.No.</span><span class="num">1</span></div> <div class="tit"><span class="no">2021.No.</span><span class="num">1</span></div>
<div class="p" v-html="$t('home.ranking.item3Txt1')"></div> <div class="p" v-html="$t('home.ranking.item3Txt1')"></div>
...@@ -81,11 +80,12 @@ export default { ...@@ -81,11 +80,12 @@ export default {
} }
} }
.content-mian { .content-mian {
width: 1200px; width: 1400px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.li_center { .li_center {
flex: 0 200px !important;
// align-self: center; // align-self: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -93,6 +93,7 @@ export default { ...@@ -93,6 +93,7 @@ export default {
flex-direction: column; flex-direction: column;
} }
.li { .li {
flex: 1;
// width: 250px; // width: 250px;
margin: auto; margin: auto;
.li-tit { .li-tit {
...@@ -102,31 +103,32 @@ export default { ...@@ -102,31 +103,32 @@ export default {
color: #fff; color: #fff;
font-weight: 400; font-weight: 400;
} }
.li-tit1{ .li-tit1 {
font-size: 28px; font-size: 28px;
font-weight: 300; font-weight: 300;
line-height: 24px; line-height: 24px;
color: #FFFFFF; color: #ffffff;
margin-top: 11px; margin-top: 11px;
text-align: center;
} }
.li-tit2{ .li-tit2 {
font-size: 28px; font-size: 28px;
font-weight: 500; font-weight: 500;
line-height: 70px; line-height: 70px;
color: #FFFFFF; color: #ffffff;
opacity: 1; opacity: 1;
} }
.item { .item {
.tit { .tit {
padding-top: 46px; padding-top: 46px;
color: #FBFBFB; color: #fbfbfb;
text-align: center; text-align: center;
margin-bottom: 15px; margin-bottom: 15px;
line-height: 34px; line-height: 34px;
.no { .no {
font-size: 24px; font-size: 24px;
} }
.num{ .num {
font-size: 48px; font-size: 48px;
} }
} }
......
langs/en-US.js
浏览文件 @ 58896488
...@@ -55,19 +55,19 @@ export default { ...@@ -55,19 +55,19 @@ export default {
ranking: { ranking: {
title: '学校排名', title: '学校排名',
item1Tit: '瑞士美食艺术管理大学 ', item1Tit: '瑞士美食艺术管理大学 ',
item1Tit1:'CULINARY ARTS ACADEMY SWITZERLAND', item1Tit1: 'CULINARY ARTS ACADEMY SWITZERLAND',
// item2Tit: 'KELLEY 商学院', // item2Tit: 'KELLEY 商学院',
item3Tit: '瑞士恺撒里兹大学', item3Tit: '瑞士恺撒里兹大学',
item3Tit1: 'CÉSAR RITZ COLLEGES SWITZERLAND', item3Tit1: 'CÉSAR RITZ COLLEGES SWITZERLAND',
item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【2021年QS排名】', item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【QS排名】',
item1Txt2: '全休款待业与休闲管理院校<br/>【2021年QS排名】', item1Txt2: '全休款待业与休闲管理院校<br/>【QS排名】',
item2Tit11: '顶尖双校合作项目', item2Tit11: '顶尖双校合作项目',
item2Tit12: '源于瑞士', item2Tit12: '源于瑞士',
item2Tit13: '放眼全球', item2Tit13: '放眼全球',
item2Tit14: '服务中国', item2Tit14: '服务中国',
item2Txt2: '来自64个不同国家的师生 ', item2Txt2: '来自64个不同国家的师生 ',
item3Txt1: '全球综合排名第一的酒店管理学校<br/>【2021年QS排名】', item3Txt1: '全球综合排名第一的酒店管理学校<br/>【QS排名】',
item3Txt2: '全球款待业与休闲管理院校<br/>【2021年QS排名】' item3Txt2: '全球款待业与休闲管理院校<br/>【QS排名】'
}, },
news: { news: {
title: '最新动态' title: '最新动态'
......
langs/zh-CN.js
浏览文件 @ 58896488
...@@ -55,19 +55,19 @@ export default { ...@@ -55,19 +55,19 @@ export default {
ranking: { ranking: {
title: '学校排名', title: '学校排名',
item1Tit: '瑞士美食艺术管理大学 ', item1Tit: '瑞士美食艺术管理大学 ',
item1Tit1:'CULINARY ARTS ACADEMY SWITZERLAND', item1Tit1: 'CULINARY ARTS ACADEMY SWITZERLAND',
// item2Tit: 'KELLEY 商学院', // item2Tit: 'KELLEY 商学院',
item3Tit: '瑞士恺撒里兹大学', item3Tit: '瑞士恺撒里兹大学',
item3Tit1: 'CÉSAR RITZ COLLEGES SWITZERLAND', item3Tit1: 'CÉSAR RITZ COLLEGES SWITZERLAND',
item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【2021年QS排名】', item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【QS排名】',
item1Txt2: '全休款待业与休闲管理院校<br/>【2021年QS排名】', item1Txt2: '全休款待业与休闲管理院校<br/>【QS排名】',
item2Tit11: '顶尖双校合作项目', item2Tit11: '顶尖双校合作项目',
item2Tit12: '源于瑞士', item2Tit12: '源于瑞士',
item2Tit13: '放眼全球', item2Tit13: '放眼全球',
item2Tit14: '服务中国', item2Tit14: '服务中国',
item2Txt2: '来自64个不同国家的师生 ', item2Txt2: '来自64个不同国家的师生 ',
item3Txt1: '全球综合排名第一的酒店管理学校<br/>【2021年QS排名】', item3Txt1: '全球综合排名第一的酒店管理学校<br/>【QS排名】',
item3Txt2: '全球款待业与休闲管理院校<br/>【2021年QS排名】' item3Txt2: '全球款待业与休闲管理院校<br/>【QS排名】'
}, },
news: { news: {
title: '最新动态' title: '最新动态'
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论