左侧上下

src/layout/index/news.vue

@@ -4,7 +4,7 @@
       <el-col :span="24" class="news">
         <el-col :span="24" class="topTit">
           <el-col :span="18">
-            <span :style="`border-color:${borderColor}`">通知公告</span>
+            <span :style="`border-color:${borderColor}`">{{title}}</span>
           </el-col>
           <el-col :span="6" style="text-align:right;">
             <el-link :underline="false" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i></el-link>
@@ -20,7 +20,7 @@
           </el-col> -->
           <el-col :span="24" class="newsLi">
             <ul>
-              <li v-for="(tag, index) in newsList" :key="index" :type="tag.type">
+              <li v-for="(tag, index) in newsList" :key="index" :type="tag.type" @click="$router.push({ path: '/detail', params:{id:tag.id} })">
                 <el-link :underline="false" class="newsListTit" >{{ tag.title }}</el-link>
               </li>
             </ul>         
@@ -36,6 +36,7 @@ export default {
   name: 'news',
   props: {
     // newsList:null,
+    title: null,
   },
   components: {},
   data: () => ({
@@ -50,7 +51,7 @@ export default {
   methods: {
     testList() {
       let arr = [];
-      for (let index = 0; index < 9; index++){
+      for (let index = 0; index < 8; index++){
         arr.push({title:`测试标题${index+1}`});
       }
       this.$set(this, `newsList`, arr);

src/views/index/index.vue

@@ -12,7 +12,7 @@
       <el-col :span="24" class="main">
         <div class="w_1200">
           <el-col :span="6" class="notice">
-            <news></news>
+            <news title="通知公告"></news>
           </el-col>
           <el-col :span="17" class="news">
             新闻动态
@@ -22,7 +22,7 @@
       <el-col :span="24" class="mains">
         <div class="w_1200">
           <el-col :span="6" class="mingshi">
-            计算明示
+            <news title="计算明示"></news>
           </el-col>
           <el-col :span="17" class="chengguo">
             成果展示