gengxin

src/views/news-list/index.vue

@@ -9,7 +9,7 @@
           </div>
           <div class="newlistcontext">
             <ul>
-              <li v-for="(item, index) in list" :key="index">
+              <li v-for="(item, index) in list" :key="index" @click="click(item.id)">
                 <p>
                   {{ item.title }}
                 </p>
@@ -67,6 +67,11 @@ export default {
       if (this.$checkRes(res)) this.$set(this, `list`, res.data);
       this.$set(this, `total`, res.total);
     },
+    click(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
     },

src/views/technical/index.vue

@@ -6,7 +6,7 @@
           <div class="infoleft">
             <div class="lefttop"><span class="title"> |</span>专题研讨<a class="more" @click="btnMore('专题研讨')">MORE</a></div>
             <ul class="infoleftInfo">
-              <li v-for="(item, index) in zhuantiList" :key="index">
+              <li v-for="(item, index) in zhuantiList" :key="index" @click="clickzhuanti(item.id)">
                 <p>{{ item.publish_time }}</p>
                 <p>
                   <span class="textOver">{{ item.title }}</span>
@@ -18,7 +18,7 @@
           <div class="infoRight">
             <div class="lefttop"><span class="title"> |</span>技术问答<a class="more" @click="btnMore('技术问答')">MORE</a></div>
             <ul class="infoRightInfo">
-              <li v-for="(item, index) in jishuList" :key="index">
+              <li v-for="(item, index) in jishuList" :key="index" @click="clickjishu(item.id)">
                 <p>
                   <span class="textOver">{{ item.title }}</span
                   ><span>{{ item.publish_time }}</span>
@@ -29,7 +29,7 @@
           <div class="downInfoleftList">
             <div class="lefttop"><span class="title"> |</span>行业研究<a class="more" @click="btnMore('行业研究')">MORE</a></div>
             <ul class="downInfoListInfo">
-              <li v-for="(item, index) in hangyeList" :key="index">
+              <li v-for="(item, index) in hangyeList" :key="index" @click="clickhangye(item.id)">
                 <p>
                   <span class="textOver">{{ item.title }}</span
                   ><span>{{ item.publish_time }}</span>
@@ -40,7 +40,7 @@
           <div class="downInfoRightList">
             <div class="lefttop"><span class="title"> |</span>教育培训<a class="more" @click="btnMore('教育培训')">MORE</a></div>
             <ul class="downInfoListInfo">
-              <li v-for="(item, index) in jiaoyuList" :key="index">
+              <li v-for="(item, index) in jiaoyuList" :key="index" @click="clickjiaoyu(item.id)">
                 <p>{{ item.publish_time }}</p>
                 <p>
                   <span class="textOver">{{ item.title }}</span>
@@ -65,170 +65,10 @@ export default {
   components: {},
   data: () => {
     return {
-      zhuantiList: [
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-      ],
-      jishuList: [
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-      ],
-      hangyeList: [
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-        {
-          title: '标题',
-          date: '2020-02-02',
-        },
-      ],
-      jiaoyuList: [
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-        {
-          date: '2020-02-02',
-          title: '标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
-          brief:
-            '信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介信息简介',
-        },
-      ],
+      zhuantiList: [],
+      jishuList: [],
+      hangyeList: [],
+      jiaoyuList: [],
     };
   },
   created() {
@@ -249,6 +89,23 @@ export default {
     btnMore(column_name) {
       this.$router.push({ path: '/live/list', query: { column_name: column_name } });
     },
+    clickzhuanti(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+    clickjishu(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+    clickhangye(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+
+    clickjiaoyu(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
   },
   computed: {
     ...mapState(['user']),