更新

src/layout/altai/index/zixun.vue

@@ -2,6 +2,7 @@
   <div id="zixun">
     <el-row>
       <el-col :span="24" class="top">
+        <!-- @click="$router.push({ path: `/info/list/${notice.column.id}` })" -->
         <el-link :underline="false" href="#/more">
           <el-col :span="21" class="title">最新资讯</el-col>
           <el-col :span="3" class="more">
@@ -10,15 +11,14 @@
         </el-link>
       </el-col>
       <el-col :span="24" class="content">
-        <ul>
-          <li v-for="(item,index) in ziXunList" :key="index">
-            <a href="#/detail" >
-              <span class="dot"></span>
-              <span>{{item.title}}</span>
-              <span class="tt">{{item.time}}</span>
-            </a>
-          </li>
-        </ul>
+        <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+        <el-col :span="24" class="list" v-for="(item, index) in ziXunList" :key="index">
+          <span class="dot"></span>
+          <el-link :underline="false"
+            ><span class="title">{{ item.title }}</span></el-link
+          >
+          <span class="tt">{{ item.time }}</span>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -34,16 +34,13 @@ export default {
   data: () => ({
     dian: require('../../../assets/dot.png'),
   }),
-  created() { },
+  created() {},
   computed: {},
   methods: {},
 };
 </script>
 
 <style lang="less" scoped>
-a {
-  text-decoration: none;
-}
 .top {
   height: 60px;
   line-height: 60px;
@@ -65,42 +62,28 @@ 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;
-}
-.dot {
-  width: 5px;
-  height: 5px;
-  background-color: #abaab8;
-  border-radius: 90px;
-  margin: 0 10px 6px 0;
+.list {
+  padding: 9px;
 }
-li {
-  padding: 5px 0;
-  color: #95a3c0;
-  list-style-type: none;
-}
-li a {
-  font-size: 14px;
-  color: #60626e;
-}
-.tt {
-  color: #abaab8;
-  float: right;
+.list .dot {
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 10px;
 }
-a > span {
+.list .title {
   display: inline-block;
-  max-width: 450px;
+  max-width: 445px;
+  font-size: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.list .tt {
+  font-size: 18px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
+}
 </style>

src/layout/altai/info/dongtai.vue

@@ -17,9 +17,6 @@
                   </a>
                 </li>
               </ul>
-              <div class="entermore">
-                <a href="#">查看更多</a>
-              </div>
             </el-col>
           </el-tab-pane>
         </el-tabs>
@@ -119,13 +116,4 @@ ul {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.entermore {
-  margin-top: 10px;
-  width: 563px;
-  height: 30px;
-  line-height: 30px;
-  text-align: center;
-  background: #f5f5f5;
-  font-size: 16px;
-}
 </style>