首页修改其静态文章列表文案

src/views/Home/comps/list.vue

 <template>
   <div class="list">
-    <div v-for="(tmp, i) in 10" :key="i" class="row">
+    <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col-lg-8 list-left">
         <span></span>
-        <span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
+        <span>{{tmp.name}}</span>
       </div>
-      <div class="col-lg-4 list-right">2020-10-20</div>
+      <div class="col-lg-4 list-right">{{tmp.time}}</div>
     </div>
     <div class="row">
       <div class="col more" @click="handelMore"><span>更多></span></div>
@@ -14,7 +14,13 @@
 </template>
 <script>
 export default {
+  props: ['list'],
   methods: {
+    handelMsg() {
+      this.$router.push({
+        path: '/News/Msg'
+      });
+    },
     handelMore() {
       this.$router.push({
         path: '/News/index'
@@ -32,6 +38,7 @@ export default {
     justify-content: space-between;
     padding: 8px 0;
     margin: 0;
+    cursor: pointer;
     .list-left {
       flex: 1;
       display: flex;

src/views/Home/comps/list2.vue

 <template>
   <div class="list">
-    <div v-for="(tmp, i) in list" :key="i" class="row">
+    <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col li">
         <span></span>
-        <span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
+        <span>{{tmp.name}}</span>
       </div>
     </div>
   </div>
@@ -11,6 +11,13 @@
 <script>
 export default {
   props: ['list'],
+  methods: {
+    handelMsg() {
+      this.$router.push({
+        path: '/News/Msg'
+      });
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -22,6 +29,7 @@ export default {
     justify-content: space-between;
     padding: 10px 0;
     margin: 0;
+    cursor: pointer;
     .li {
       flex: 1;
       display: flex;

src/views/Home/comps/other-list.vue

 <template>
   <div class="list">
-    <div v-for="(tmp, i) in list" :key="i" class="row">
+    <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col li">
         <span></span>
-        <span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
+        <span>{{tmp.name}}</span>
       </div>
     </div>
   </div>
@@ -11,6 +11,13 @@
 <script>
 export default {
   props: ['list'],
+  methods: {
+    handelMsg() {
+      this.$router.push({
+        path: '/News/Msg'
+      });
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -22,6 +29,7 @@ export default {
     justify-content: space-between;
     padding: 2.8px 0;
     margin: 0;
+    cursor: pointer;
     .li {
       flex: 1;
       display: flex;

src/views/Home/comps/yyly-list.vue

 <template>
   <div class="list">
-    <div v-for="(tmp, i) in list" :key="i" class="row">
+    <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col li">
         <span></span>
-        <span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
+        <span>{{tmp.name}}</span>
       </div>
     </div>
   </div>
@@ -11,6 +11,13 @@
 <script>
 export default {
   props: ['list'],
+  methods: {
+    handelMsg() {
+      this.$router.push({
+        path: '/News/Msg'
+      });
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -26,6 +33,7 @@ export default {
       flex: 1;
       display: flex;
       align-items: center;
+      cursor: pointer;
       @include ellipsis;
       span {
         display: inline-block;