From ef8a50965aa40127465113dcb5ceeaf0111b1eb7 Mon Sep 17 00:00:00 2001
From: clay <209192278@qq.com>
Date: Wed, 5 Oct 2022 15:30:46 +0800
Subject: [PATCH] =?UTF-8?q?dengjie=20commit=20:=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=A7=91=E5=AD=A6=E7=A0=94=E7=A9=B6,=E5=AD=A6=E6=9C=AF?=
 =?UTF-8?q?=E4=BA=A4=E6=B5=81,=E6=9C=AC=E7=A7=91=E6=95=99=E8=82=B2?=
 =?UTF-8?q?=E5=92=8C=E7=A0=94=E7=A9=B6=E7=94=9F=E6=95=99=E8=82=B2=E7=9A=84?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../index/components/academy_and_sciences.vue | 32 +++++++++++++------
 .../components/undergraduate_and_graduate.vue |  9 ++++--
 2 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/views/index/components/academy_and_sciences.vue b/src/views/index/components/academy_and_sciences.vue
index a717bdd..5b8c066 100644
--- a/src/views/index/components/academy_and_sciences.vue
+++ b/src/views/index/components/academy_and_sciences.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="academy_and_sciences">
     <el-row>
-      <el-col :span="5">
+      <el-col :xs="1" :sm="1" :md="2" :lg="2" :xl="2" >
         <div class="grid-content"></div>
       </el-col>
-      <el-col :span="14">
+      <el-col :xs="23" :sm="22" :md="20" :lg="20" :xl="20" >
         <el-row>
           <el-col :span="12">
             <div class="sciences_title">
@@ -15,7 +15,7 @@
                 10-03
               </div>
               <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                徐加鹏博士学术后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学受限通信受限随系…
               </div>
             </div>
             <div class="sciences_content">
@@ -23,7 +23,7 @@
                 10-03
               </div>
               <div class="sciences_content_text">
-                剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
+                剑桥大学博士后李鹤博士后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学报： 异…
               </div>
             </div>
             <div class="sciences_content">
@@ -87,7 +87,6 @@
               <img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
             </div>
           </el-col>
-
           <el-col :span="12">
             <div class="academy_title">
               学术交流
@@ -129,10 +128,10 @@
                     <span>2022-10-08</span>
                   </div>
                   <div class="academy_content_title">
-                    信息科学与技术学院开展英
+                    信息科学与学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
                   </div>
                   <div class="academy_content_text">
-                    为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                    为加强学院学风建设，提学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，20212021年10月25日晚，息科学与…
                   </div>
                 </div>
                 <div class="academy_content">
@@ -142,10 +141,10 @@
                     <span>2022-10-08</span>
                   </div>
                   <div class="academy_content_title">
-                    信息科学与技术学院开展英
+                    信息科学与技术学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
                   </div>
                   <div class="academy_content_text">
-                    为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                    为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
                   </div>
                 </div>
               </el-col>
@@ -222,6 +221,11 @@ export default {
       font-weight: 500;
       color: #FFFFFF;
       line-height: 2.3rem;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp: 1; //显示的行
     }
   }
 
@@ -287,6 +291,11 @@ export default {
       line-height: 1.9rem;
       letter-spacing: .1rem;
       margin-bottom: .6rem;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp: 1; //显示的行
     }
 
     &_text {
@@ -298,6 +307,11 @@ export default {
       //color: #FFFFFF;
       line-height: 1.4rem;
       letter-spacing: .1rem;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp: 3; //显示的行
     }
   }
 }
diff --git a/src/views/index/components/undergraduate_and_graduate.vue b/src/views/index/components/undergraduate_and_graduate.vue
index 3dc6624..ba91da7 100644
--- a/src/views/index/components/undergraduate_and_graduate.vue
+++ b/src/views/index/components/undergraduate_and_graduate.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="undergraduate_and_graduate">
     <el-row>
-      <el-col :span="5">
+      <el-col :xs="1" :sm="1" :md="2" :lg="2" :xl="2">
         <div class="grid-content"></div>
       </el-col>
-      <el-col :span="14">
+      <el-col :xs="23" :sm="22" :md="20" :lg="20" :xl="20" >
         <el-row class="undergraduate_and_graduate_bgc">
           <el-col :span="12">
             <div class="undergraduate headline">
@@ -186,6 +186,11 @@ export default {
         font-weight: 500;
         color: #000000;
         line-height: 2.3rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box; //作为弹性伸缩盒子模型显示。
+        -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+        -webkit-line-clamp: 1; //显示的行
       }
     }