溢出隐藏

src/views/index/components/bottom.vue

@@ -81,12 +81,12 @@ export default {
   margin-top: 2rem;
   background-image: url('../../../assets/index/bottom/sy_bj4.png');
   //height: 66rem;
+  padding-bottom: 4rem;
 
   .table {
     margin: 4rem 0 0 0;
     width: 100%;
 
-
     tr {
       width: 100%;
     }

src/views/index/components/news_center.vue

@@ -187,6 +187,9 @@ export default {
       margin: 1rem auto;
       width: 80%;
       height: 4rem;
+      display:-webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp:3; //显示的行
     }
   }
 }

src/views/index/components/party_building_activities.vue

@@ -223,6 +223,9 @@ export default {
 
   .phe_context {
     .phe_context_title {
+      overflow:hidden; //超出的文本隐藏
+      text-overflow:ellipsis; //溢出用省略号显示
+      white-space:nowrap; //溢出不换行
       cursor: pointer;
       font-size: 2rem;
       font-weight: 600;
@@ -239,6 +242,9 @@ export default {
       font-size: 1.6rem;
       color: #565656;
       letter-spacing: 1px;
+      display:-webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp:3; //显示的行
     }
   }
 

src/views/index/components/scientific_research_trends.vue

@@ -352,6 +352,9 @@ export default {
       margin-left: 1rem;
       font-size: 1.8rem;
       font-weight: 500;
+      overflow:hidden; //超出的文本隐藏
+      text-overflow:ellipsis; //溢出用省略号显示
+      white-space:nowrap; //溢出不换行
     }
 
     .time {
@@ -401,6 +404,9 @@ export default {
       margin-left: 1rem;
       font-size: 1.8rem;
       font-weight: 500;
+      overflow:hidden; //超出的文本隐藏
+      text-overflow:ellipsis; //溢出用省略号显示
+      white-space:nowrap; //溢出不换行
     }
 
     .time {

src/views/index/components/teaching_student.vue

@@ -249,7 +249,7 @@ export default {
   margin-top: 4rem;
 
   .tw_time {
-    border-right: .2rem solid #D5D5D5;
+    border-right: .1rem solid #D5D5D5;
     height: 10rem;
     width: 10rem;
     color: #1956BC;
@@ -275,6 +275,9 @@ export default {
     color: #161616;
 
     .tw_context_title {
+      overflow:hidden; //超出的文本隐藏
+      text-overflow:ellipsis; //溢出用省略号显示
+      white-space:nowrap; //溢出不换行
       font-size: 2rem;
       font-weight: 600;
       padding-right: 2rem;
@@ -285,6 +288,11 @@ export default {
       margin-top: .8rem;
       font-size: 1.6rem;
       font-weight: 400;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display:-webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp:3; //显示的行
     }
   }