修改新闻资讯

src/api/login.js

@@ -49,3 +49,11 @@ export function homeNewsList(data = {}) {
                        data,
                    });
 }
+//  describe: 【前台】新闻资讯分类 author: Wgy date:2020-08-11
+export function homeNewsClassifyList(data = {}) {
+    return request({
+                       url:    `/home/news/classify/list`,
+                       method: 'post',
+                       data,
+                   });
+}

src/views/client/newsInfor.vue

@@ -1,20 +1,20 @@
 <template>
     <div class="client-newsInfor-page">
         <!-- 新闻资讯banner栏 -->
-     <!--   <div class="newsInfor-banner"></div>-->
+<!--        <div class="newsInfor-banner"></div>-->
 
         <!-- 新闻资讯tab页 -->
         <div class="client-container newsInfor-tab-box">
             <el-tabs tab-position="left" v-model="activeName" @tab-click="handleClick" class="client-newsInfor-tab">
                 <el-tab-pane name="1" label="行业动态">
-                    <div class="tab-state-box" v-infinite-scroll="load" infinite-scroll-disabled="disabled" >
-                        <ul>
-                            <li>
-                                <img :src="newsInforImg" alt="行业动态">
+                    <div class="tab-state-box"  >
+                        <ul v-infinite-scroll="load" :infinite-scroll-disabled="false" :infinite-scroll-immediate="false">
+                            <li v-for="(item,index) in newsList  " :key="index">
+                                <img :src=" item.pic ||newsInforImg" alt="行业动态">
                                 <div class="newsInfor-list-content">
-                                    <h1>企业为什么需要微课</h1>
-                                    <div><i></i><span>2020-08-03</span><i type="visits"></i><span>2000</span></div>
-                                    <p>“在美国谷歌工作期间，我亲眼见到容器技术的先进性，由此产生了创业的想法。”在采访中，才云科技创始人兼CEO、原谷歌资深软件工程师张鑫向创业邦这样介绍道。他曾作为技术带头人从事谷歌容器化集群管理系统的研发，自动化管理 95% 以上的</p>
+                                    <h1>{{item.title}}</h1>
+                                    <div><i></i><span>{{item.startTime}}</span><i type="visits"></i><span>{{item.visits}}</span></div>
+                                    <p>{{item.intro}}</p>
                                     <a>了解更多</a>
                                 </div>
                             </li>
@@ -33,19 +33,21 @@
 
 <script>
     import MtaBreadcrumb    from '@/components/client/common/MtaBreadcrumb.vue';
-    import { homeNewsList } from '@/api/login.js';
+    import { homeNewsList,homeNewsClassifyList } from '@/api/login.js';
     export default {
         name:       'newsInfor',
         props:      {
         },
         data() {
             return {
-                activeName:'1',
+                activeName:'',
+                newsClassifyId:null,
                 newsInforImg:  require(`@/assets/images/client/newsInfor/newsInfor-list-img.png`),
                 count: 0,//起始页数值为0
                 loading: false,
                 totalPages: "",//取后端返回内容的总页数
-                list: [] //后端返回的数组
+                newsList: [] //后端返回的数组
+
             };
         },
         components: {
@@ -82,14 +84,23 @@
                     };
                 homeNewsList(req).then(res=>{
                        if(res.code===0){
-                            console.log(res);
+                          this.newsList = res.data.data
+                       }
+                })
+
+            },
+            getHomeNewsClassify(){
+                homeNewsClassifyList().then(res=>{
+                       if(res.code===0){
+
                        }
                 })
 
             }
         },
         created() {
-            this.getMessage()
+            this.getHomeNewsClassify();
+            this.getMessage();
         },
         mounted() {