溢出隐藏

src/views/edu_teach/index.vue

@@ -50,15 +50,15 @@
           </div>
         </div>
       </el-col>
-      <el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12">
+      <el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12" >
         <el-row>
           <el-col>
             <div class="tab">
-              <el-breadcrumb separator-class="el-icon-arrow-right">
+              <router-link to="/">首页</router-link>
-                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+              <span> > </span>
-                <el-breadcrumb-item>教育教学</el-breadcrumb-item>
+              <router-link to="">教育教学</router-link>
-                <el-breadcrumb-item :to="{ path: '/' }">教学督导</el-breadcrumb-item>
+              <span> > </span>
-              </el-breadcrumb>
+              <span style="color: #1956BC;font-size: 1.4rem">教学督导</span>
             </div>
           </el-col>
         </el-row>
@@ -303,7 +303,6 @@ export default {
           width: 13.5rem;
           height: 6rem;
           line-height: 6rem;
-
           .lab_img {
             margin-top: .1rem;
             width: 1.05rem;
@@ -311,7 +310,6 @@ export default {
             display: none;
             margin-left: 3rem;
           }
-
           .lab_title {
             margin-left: 1.5rem;
           }
@@ -344,7 +342,7 @@ export default {
     }
 
     .tw_time {
-      border-right: .2rem solid #D5D5D5;
+      border-right: .1rem solid #D5D5D5;
       height: 10rem;
       width: 10rem;
       color: #1956BC;
@@ -369,7 +367,11 @@ export default {
       font-family: PingFangSC-Medium, PingFang SC;
       color: #161616;
 
+
       .tw_context_title {
+        overflow:hidden; //超出的文本隐藏
+        text-overflow:ellipsis; //溢出用省略号显示
+        white-space:nowrap; //溢出不换行
         font-size: 2rem;
         font-weight: 600;
         padding-right: 2rem;
@@ -380,6 +382,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; //显示的行
       }
     }
 

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; //显示的行
     }
   }
 

src/views/school_profile/index.vue

@@ -63,12 +63,11 @@
         <el-row>
           <el-col>
             <div class="tab">
-
+              <router-link to="/">首页</router-link>
-              <el-breadcrumb separator-class="el-icon-arrow-right">
+              <span> > </span>
-                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+              <router-link to="">学院概况</router-link>
-                <el-breadcrumb-item>学院概况</el-breadcrumb-item>
+              <span> > </span>
-                <el-breadcrumb-item :to="{ path: '/' }">学院简介</el-breadcrumb-item>
+              <span style="color: #1956BC;font-size: 1.4rem">学院简介</span>
-              </el-breadcrumb>
             </div>
             <div class="context">
               <div class="title">学院简介</div>
@@ -254,12 +253,7 @@ export default {
     margin-left: 1.9rem;
     margin-top: 1.5rem;
     font-weight: 400;
-
+    font-size: 1.4rem !important;
-    a {
-      text-decoration: none;
-      font-size: 1.4rem !important;
-      color: #3C3C3C;
-    }
   }
 
   .context {

src/views/teaching_staff/index.vue

@@ -55,11 +55,11 @@
         <el-row>
           <el-col>
             <div class="tab">
-              <el-breadcrumb separator-class="el-icon-arrow-right">
+              <router-link to="/">首页</router-link>
-                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+              <span> > </span>
-                <el-breadcrumb-item>师资队伍</el-breadcrumb-item>
+              <router-link to="">师资队伍</router-link>
-                <el-breadcrumb-item :to="{ path: '/' }">教师名录</el-breadcrumb-item>
+              <span> > </span>
-              </el-breadcrumb>
+              <span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
             </div>
           </el-col>
         </el-row>