更新

src/layout/altai/index/keji.vue

@@ -1,15 +1,15 @@
 <template>
   <div id="keji">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="top">
-          <el-link :underline="false">
-            <el-col :span="21" class="title">科技服务</el-col>
-            <el-col :span="3" class="more">
-              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
-            </el-col>
-          </el-link>
-        </el-col>
+      <el-col :span="24" class="top">
+        <el-link :underline="false">
+          <el-col :span="21" class="title">科技服务</el-col>
+          <el-col :span="3" class="more">
+            <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+          </el-col>
+        </el-link>
+      </el-col>
+      <el-col :span="24" class="content">
         <ul>
           <li v-for="(item,index) in keJiList" :key="index">
             <a href="#">
@@ -28,7 +28,7 @@
 export default {
   name: 'keji',
   props: {
-    keJiList:null,
+    keJiList: null,
   },
   components: {},
   data: () => ({
@@ -65,6 +65,13 @@ a {
   text-align: center;
   height: 60px;
 }
+.content {
+  display: -webkit-box;
+  -webkit-line-clamp: 7;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ul {
   padding: 0;
   margin: 8px 20px;

src/layout/altai/index/law.vue

@@ -1,17 +1,17 @@
 <template>
   <div id="law">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="top">
-          <el-link :underline="false">
-            <el-col :span="21" class="title">政策法规</el-col>
-            <el-col :span="3" class="more">
-              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
-            </el-col>
-          </el-link>
-        </el-col>
+      <el-col :span="24" class="top">
+        <el-link :underline="false">
+          <el-col :span="21" class="title">政策法规</el-col>
+          <el-col :span="3" class="more">
+            <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+          </el-col>
+        </el-link>
+      </el-col>
+      <el-col :span="24" class="content">
         <ul>
-           <li v-for="(item,index) in lawList" :key="index">
+          <li v-for="(item,index) in lawList" :key="index">
             <a href="#">
               <span class="dot"></span>
               <span>{{item.title}}</span>
@@ -28,13 +28,13 @@
 export default {
   name: 'law',
   props: {
-    lawList:null,
+    lawList: null,
   },
   components: {},
   data: () => ({
     dian: require('../../../assets/dot.png'),
   }),
-  created() {},
+  created() { },
   computed: {},
   methods: {},
 };
@@ -65,6 +65,13 @@ a {
   text-align: center;
   height: 60px;
 }
+.content {
+  display: -webkit-box;
+  -webkit-line-clamp: 7;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ul {
   padding: 0;
   margin: 8px 20px;

src/layout/altai/index/notice.vue

@@ -1,15 +1,15 @@
 <template>
   <div id="notice">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="top">
-          <el-link :underline="false">
-            <el-col :span="21" class="title">通知公告</el-col>
-            <el-col :span="3" class="more">
-              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
-            </el-col>
-          </el-link>
-        </el-col>
+      <el-col :span="24" class="top">
+        <el-link :underline="false">
+          <el-col :span="21" class="title">通知公告</el-col>
+          <el-col :span="3" class="more">
+            <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+          </el-col>
+        </el-link>
+      </el-col>
+      <el-col :span="24" class="content">
         <ul>
           <li v-for="(item, index) in noticeList" :key="index">
             <a href="#">
@@ -34,7 +34,7 @@ export default {
   data: () => ({
     dian: require('../../../assets/dot.png'),
   }),
-  created() {},
+  created() { },
   computed: {},
   methods: {},
 };
@@ -65,6 +65,13 @@ a {
   text-align: center;
   height: 60px;
 }
+.content {
+  display: -webkit-box;
+  -webkit-line-clamp: 7;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ul {
   padding: 0;
   margin: 8px 20px;

src/layout/altai/index/zixun.vue

@@ -1,15 +1,15 @@
 <template>
   <div id="zixun">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="top">
-          <el-link :underline="false">
-            <el-col :span="21" class="title">最新资讯</el-col>
-            <el-col :span="3" class="more">
-              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
-            </el-col>
-          </el-link>
-        </el-col>
+      <el-col :span="24" class="top">
+        <el-link :underline="false">
+          <el-col :span="21" class="title">最新资讯</el-col>
+          <el-col :span="3" class="more">
+            <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+          </el-col>
+        </el-link>
+      </el-col>
+      <el-col :span="24" class="content">
         <ul>
           <li v-for="(item,index) in ziXunList" :key="index">
             <a href="#">
@@ -65,6 +65,13 @@ a {
   text-align: center;
   height: 60px;
 }
+.content {
+  display: -webkit-box;
+  -webkit-line-clamp: 9;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ul {
   padding: 0;
   margin: 8px 20px;

src/layout/altai/info/dongtai.vue

@@ -93,6 +93,10 @@ ul {
 }
 .content ul {
   height: 250px;
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  overflow : hidden;
+  -webkit-box-orient: vertical;
 }
 .content li {
   padding: 3px 0;

src/layout/altai/info/meiti.vue

@@ -1,7 +1,6 @@
 <template>
   <div id="meiti">
     <el-row>
-      <el-col :span="24">
         <el-col :span="24" class="top">
           <el-link :underline="false">
             <el-col :span="21" class="title">媒体聚距</el-col>
@@ -10,6 +9,7 @@
             </el-col>
           </el-link>
         </el-col>
+      <el-col :span="24" class="content">
         <ul>
           <li v-for="(item, index) in meitiList" :key="index">
             <a href="#">
@@ -65,6 +65,13 @@ a {
   text-align: center;
   height: 60px;
 }
+.content{
+  display: -webkit-box;
+  -webkit-line-clamp: 7;
+  -webkit-box-orient: vertical;
+  overflow : hidden;
+  text-overflow: ellipsis;
+}
 ul {
   padding: 0;
   margin: 8px 20px;