style: 学校排名样式调整

components/home/schoolRanking.vue

@@ -11,11 +11,11 @@
           <div class="li-tit" v-html="$t('home.ranking.item1Tit')"></div>
           <div class="li-tit1" v-html="$t('home.ranking.item1Tit1')"></div>
           <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>
           <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>
         </div>
@@ -29,7 +29,6 @@
           <div class="li-tit" v-html="$t('home.ranking.item3Tit')"></div>
           <div class="li-tit1" v-html="$t('home.ranking.item3Tit1')"></div>
 
-          
           <div class="item">
             <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>
@@ -81,11 +80,12 @@ export default {
       }
     }
     .content-mian {
-      width: 1200px;
+      width: 1400px;
       margin: 0 auto;
       display: flex;
       justify-content: space-between;
       .li_center {
+        flex: 0 200px !important;
         // align-self: center;
         display: flex;
         justify-content: center;
@@ -93,6 +93,7 @@ export default {
         flex-direction: column;
       }
       .li {
+        flex: 1;
         // width: 250px;
         margin: auto;
         .li-tit {
@@ -102,31 +103,32 @@ export default {
           color: #fff;
           font-weight: 400;
         }
-        .li-tit1{
-        font-size: 28px;
-        font-weight: 300;
-        line-height: 24px;
-        color: #FFFFFF;
-        margin-top: 11px;
+        .li-tit1 {
+          font-size: 28px;
+          font-weight: 300;
+          line-height: 24px;
+          color: #ffffff;
+          margin-top: 11px;
+          text-align: center;
         }
-        .li-tit2{
-        font-size: 28px;
-        font-weight: 500;
-        line-height: 70px;
-        color: #FFFFFF;
-        opacity: 1;
+        .li-tit2 {
+          font-size: 28px;
+          font-weight: 500;
+          line-height: 70px;
+          color: #ffffff;
+          opacity: 1;
         }
         .item {
           .tit {
             padding-top: 46px;
-            color: #FBFBFB;
+            color: #fbfbfb;
             text-align: center;
             margin-bottom: 15px;
             line-height: 34px;
             .no {
               font-size: 24px;
             }
-            .num{
+            .num {
               font-size: 48px;
             }
           }

langs/en-US.js

@@ -55,19 +55,19 @@ export default {
     ranking: {
       title: '学校排名',
       item1Tit: '瑞士美食艺术管理大学 ',
-      item1Tit1:'CULINARY ARTS ACADEMY SWITZERLAND',
+      item1Tit1: 'CULINARY ARTS ACADEMY SWITZERLAND',
       // item2Tit: 'KELLEY 商学院',
       item3Tit: '瑞士恺撒里兹大学',
       item3Tit1: 'CÉSAR RITZ COLLEGES SWITZERLAND',
-      item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【2021年QS排名】',
-      item1Txt2: '全休款待业与休闲管理院校<br/>【2021年QS排名】',
+      item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【QS排名】',
+      item1Txt2: '全休款待业与休闲管理院校<br/>【QS排名】',
       item2Tit11: '顶尖双校合作项目',
       item2Tit12: '源于瑞士',
       item2Tit13: '放眼全球',
       item2Tit14: '服务中国',
       item2Txt2: '来自64个不同国家的师生 ',
-      item3Txt1: '全球综合排名第一的酒店管理学校<br/>【2021年QS排名】',
-      item3Txt2: '全球款待业与休闲管理院校<br/>【2021年QS排名】'
+      item3Txt1: '全球综合排名第一的酒店管理学校<br/>【QS排名】',
+      item3Txt2: '全球款待业与休闲管理院校<br/>【QS排名】'
     },
     news: {
       title: '最新动态'

langs/zh-CN.js

@@ -55,19 +55,19 @@ export default {
     ranking: {
       title: '学校排名',
       item1Tit: '瑞士美食艺术管理大学 ',
-      item1Tit1:'CULINARY ARTS ACADEMY SWITZERLAND',
+      item1Tit1: 'CULINARY ARTS ACADEMY SWITZERLAND',
       // item2Tit: 'KELLEY 商学院',
       item3Tit: '瑞士恺撒里兹大学',
       item3Tit1: 'CÉSAR RITZ COLLEGES SWITZERLAND',
-      item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【2021年QS排名】',
-      item1Txt2: '全休款待业与休闲管理院校<br/>【2021年QS排名】',
+      item1Txt1: '唯一进入全球款待业与休闲专业排名的美食艺术院校<br/>【QS排名】',
+      item1Txt2: '全休款待业与休闲管理院校<br/>【QS排名】',
       item2Tit11: '顶尖双校合作项目',
       item2Tit12: '源于瑞士',
       item2Tit13: '放眼全球',
       item2Tit14: '服务中国',
       item2Txt2: '来自64个不同国家的师生 ',
-      item3Txt1: '全球综合排名第一的酒店管理学校<br/>【2021年QS排名】',
-      item3Txt2: '全球款待业与休闲管理院校<br/>【2021年QS排名】'
+      item3Txt1: '全球综合排名第一的酒店管理学校<br/>【QS排名】',
+      item3Txt2: '全球款待业与休闲管理院校<br/>【QS排名】'
     },
     news: {
       title: '最新动态'