?

src/App.vue

 <template>
     <div id="app">
-        <keep-alive exclude="">
+        <keep-alive exclude="newsDetail">
             <router-view class="router-view"></router-view>
         </keep-alive>
     </div>

src/api/index.js

@@ -26,7 +26,7 @@ switch (window.location.hostname) {
     break;
   case "m.liexin.com":
     url = 'http://m.liexin.com/v3/';
-    urlApi = 'http://api.liexin.com';
+    urlApi = 'http://api.liexin.com/';
     break;
   default:
     //本地proxy配置参考vue.config.js
@@ -76,7 +76,23 @@ export const apis = {
   /**
   *微信菜单文章锦集api
   */
-  wechatArticle: productionUrlApi +  'Wechat/WechatArticleJinJi/article'
+  wechatArticle: productionUrlApi +  'Wechat/WechatArticleJinJi/article',
+  /**
+   *新闻列表api
+   */
+  newsArticle: productionUrlApi +  'Article/Article/index',
+  /**
+   * *
+   * 新闻详情api
+   * *
+   */
+  newsArticleDetail: productionUrlApi +  'Article/Article/details',
+  /**
+   * *
+   * 新闻详情api
+   * *
+   */
+  newsArticleDetailAd: productionUrl +  'api/newsdetailad'
 }
 export const services = {
   index(params) {
@@ -120,6 +136,15 @@ export const services = {
   },
   wechatArticle(params) {
     return axios.post(apis.wechatArticle, params)
+  },
+  newsArticle(params) {
+    return axios.post(apis.newsArticle, params)
+  },
+  newsArticleDetail(params){
+    return axios.post(apis.newsArticleDetail,params)
+  },
+  newsArticleDetailAd(params){
+    return axios.post(apis.newsArticleDetailAd,params)
   }
   
 }

src/assets/css/news/index.less

+.news{
  ul,li{font-family: "微软雅黑"!important;}
  .borderBottom{border-bottom:1px solid #e5e5e5;}

  .navList{
    border-bottom:1px solid #e5e5e5;
    padding:0 10px;
    clear:both;
    height:40px;
    line-height:40px;
    font-size: 14px;
    background: #fff;
    overflow: hidden;
    p{
      text-align:center;width:33.33%;color:#333;float: left;cursor: pointer;height:40px;
      line-height:40px;
    }
    p.act{color:#e10601;border-bottom:2px solid #e10601;}
  }
  .navListfixed{
    .navList;
    position: fixed;
    top:39px;
    left:0;
    right:0px;
  }
  .navList44{
    p{
      width:25%;
    }
  }
  .listBox{
    li{
      padding:10px;
      height:100px;
      .borderBottom;
      box-sizing: border-box;
      img{height:75px;width:27%;float:left;border:0px;outline: none;}
      .boxgrt{height:75px;width:66%;float:right;
        .title{
          overflow : hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          color:#333;font-size: 0.32rem;
          font-weight: bold;
          height:50px;
          line-height: 25px;
        }
        .titleLook{font-size:14px;color:#999;margin-top: 5px;}
      }
    }
  }


}
\ No newline at end of file

src/assets/css/news/index.min.css

+.news ul,.news li{font-family:"微软雅黑" !important}.news .borderBottom{border-bottom:1px solid #e5e5e5}.news .navList{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden}.news .navList p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navList p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navListfixed{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden;position:fixed;top:39px;left:0;right:0px}.news .navListfixed p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navListfixed p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navList44 p{width:25%}.news .listBox li{padding:10px;height:100px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.news .listBox li img{height:75px;width:27%;float:left;border:0px;outline:none}.news .listBox li .boxgrt{height:75px;width:66%;float:right}.news .listBox li .boxgrt .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:.32rem;font-weight:bold;height:50px;line-height:25px}.news .listBox li .boxgrt .titleLook{font-size:14px;color:#999;margin-top:5px}/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file

src/assets/css/news/index.min.css.map

+{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,KACE,IADF,KACK,CAAA,GAAG,YAAa,MAAb,YADR,KAEE,eAAc,gCAFhB,KAIE,UACE,+BAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,cAAA,CACA,eAAA,CACA,gBAZJ,KAIE,SASE,GACE,iBAAA,CAAkB,YAAA,CAAa,UAAA,CAAW,UAAA,CAAY,cAAA,CAAgB,WAAA,CACtE,iBAfN,KAIE,SAaE,EAAC,KAAK,aAAA,CAAc,gCAjBxB,KAmBE,eAdE,+BAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CASA,cAAA,CACA,QAAA,CACA,MAAA,CACA,UAxBJ,KAmBE,cANE,GACE,iBAAA,CAAkB,YAAA,CAAa,UAAA,CAAW,UAAA,CAAY,cAAA,CAAgB,WAAA,CACtE,iBAfN,KAmBE,cAFE,EAAC,KAAK,aAAA,CAAc,gCAjBxB,KA0BE,WACE,GACE,UA5BN,KA+BE,SACE,IACE,YAAA,CACA,YAAA,CAhCU,+BAAA,CAkCV,sBApCN,KA+BE,SACE,GAKE,KAAI,WAAA,CAAY,SAAA,CAAU,UAAA,CAAW,UAAA,CAAW,aArCtD,KA+BE,SACE,GAME,SAAQ,WAAA,CAAY,SAAA,CAAU,YAtCpC,KA+BE,SACE,GAME,QACE,QACE,eAAA,CACA,sBAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CACA,UAAA,CAAW,gBAAA,CACX,gBAAA,CACA,WAAA,CACA,iBAhDV,KA+BE,SACE,GAME,QAYE,YAAW,cAAA,CAAe,UAAA,CAAW","file":"index.min.css"}
\ No newline at end of file

src/directive/backTopWindow.js

+export default {
+    bind(el, binding) {
+        el.addEventListener('click', function (e) {
+            var t = document.documentElement.scrollTop||document.body.scrollTop;
+            var step=(t/100).toFixed(0);
+            var timer=setInterval(function(){
+                t=t-step;
+                if(t<=0){
+                    t=0;
+                    clearInterval(timer);
+                }
+                document.documentElement.scrollTop=t;
+            },1)
+
+        }, false);
+    }
+}
\ No newline at end of file

src/directive/index.js

 import Vue from 'vue'
-import BackTopDirective from './backTop'
+import BackTopDirective from './backTop';
+import backTopWindowDirective from './backTopWindow';
+
 
 export default {
     install (Vue) {
         Vue.directive('backTop', BackTopDirective);
+        Vue.directive('backTopWindow', backTopWindowDirective);
     }
 }

src/router.js

@@ -5,10 +5,11 @@ const Home = resolve => require(['@/views/home/Index'], resolve);
 const Smt = resolve => require(['@/views/smt/Index'], resolve);
 const Supplier = resolve => require(['@/views/supplier/Index'], resolve);
 const Wxlist = resolve => require(['@/views/wxlist/Index'], resolve);
-
+const News = resolve => require(['@/views/news/Index'], resolve);
+const NewsDetail = resolve => require(['@/views/news/Detail'], resolve);
 Vue.use(Router)
 
-const routes = [
+const routes=[
   {
     path: '/home',
     component: Home,
@@ -32,16 +33,33 @@ const routes = [
   },
   {
     path: '/wxlist',
+    name:'Wxlist',
     component: Wxlist,
     meta: {
       title: '猎芯网'
     }
   },
   {
+    path: '/news',
+    name:'News',
+    component: News,
+    meta: {
+      title: '猎芯网-新闻列表'
+    }
+  },
+  {
+    path: '/news/detail/:art_id/:cat_id',
+    name:'NewsDetail',
+    component: NewsDetail,
+    meta: {
+      title: '猎芯网-新闻详情'
+    }
+  },
+  {
     path: '*',
     redirect: '/home'
   }
-];
+]
 
 routes.forEach(route => {
   route.path = route.path || '/' + (route.name || '');

src/store/modules/news/detail.js

+import Vue from 'vue'
+import {Toast} from 'vant';
+import {services as Services} from '../../../api/index'
+import Util from "../../../util";
+
+var qs = require('qs');
+
+Vue.use(Toast);
+
+const state = {
+    loadStatus: false,
+    newsDetailObj:{},
+    newsDetailAd:{}
+}
+
+const mutations = {
+    newsArticleDetail(state, payload) {
+        state.newsDetailObj=payload.data;
+
+    },
+    newsArticleDetailAd(state, payload) {
+        state.newsDetailAd=payload.data;
+        if(Util.getCookie("newsdetailpop")){
+            state.newsDetailAd.h5_news_ad_pop="";
+        }else{
+            Util.setCookie("newsdetailpop","1",1)
+        }
+
+    }
+
+}
+
+const actions = {
+    newsArticleDetail({commit}, payload) {
+        state.newsDetailObj={};
+        state.loadStatus=true;
+        var params = {
+            art_id: payload.art_id
+        }
+        Services.newsArticleDetail(qs.stringify(params)).then((res) => {
+            state.loadStatus=false;
+            let data = res.data;
+            if (data.err_code == 0) {
+                commit({
+                    type: 'newsArticleDetail',
+                    data: data.data
+
+                });
+            }
+        }).catch(function (err) {
+            state.loadStatus=false;
+        });
+    },
+    newsArticleDetailAd({commit}, payload) {
+        var param = {
+            cat_id: payload.cat_id
+        }
+        console.log(param)
+        var params = Util.getParams(param);
+
+        Services.newsArticleDetailAd(params).then((res) => {
+            let data = res.data;
+            if (data.err_code == 0) {
+                commit({
+                    type: 'newsArticleDetailAd',
+                    data: data.data
+
+                });
+            }
+        }).catch(function (err) {
+        });
+    }
+}
+
+const getters = {}
+
+export default {
+    state,
+    mutations,
+    actions,
+    getters
+}
+

src/store/modules/news/index.js

+import Vue from 'vue'
+import {Toast} from 'vant';
+import {services as Services} from '../../../api/index'
+
+var qs = require('qs');
+
+Vue.use(Toast);
+
+const state = {
+     finished: false,
+     loadStatus: false,
+     cat_list: [],
+     content_list:[],
+     rollbanner:[],
+     p:1,
+     limit: 10,//每页条数
+     totalLimit:0//总条数
+}
+
+const mutations = {
+    newsArticle(state, payload) {
+        state.rollbanner=payload.data.rollbanner;
+        state.cat_list = payload.data.cat_list;
+        //处理数据的数组
+        if(state.p==1){
+            state.content_list=payload.data.content_list;
+        }else{
+            state.content_list = state.content_list.concat(payload.data.content_list);
+        }
+
+        // //计算总页码
+        state.totalLimit = Math.ceil(Number(payload.data.tatol_num) / state.limit);
+        //判断数据是否加载完成
+        if (state.p>= state.totalLimit) {
+            state.finished = true;
+        }else{
+            state.finished = false;
+        }
+    }
+}
+
+const actions = {
+    newsArticle({commit}, payload) {
+        state.loadStatus = true;
+        var params = {
+               cat_id: payload.cat_id,
+               p: payload.p,
+               limit:payload.limit
+
+        }
+        console.log(payload)
+        state.p=payload.p;
+        state.limit=payload.limit;
+        Services.newsArticle(qs.stringify(params)).then((res) => {
+            let data = res.data;
+            state.loadStatus = false;
+            if (data.err_code == 0) {
+                commit({
+                    type: 'newsArticle',
+                    data: data.data
+
+                });
+            }
+        }).catch(function (err) {
+            state.loadStatus = false;
+        });
+    }
+}
+
+const getters = {}
+
+export default {
+    state,
+    mutations,
+    actions,
+    getters
+}
+

src/store/store.js

@@ -4,8 +4,8 @@ import home from './modules/home'
 import common from './modules/common'
 import smt from './modules/smt/index'
 import wxlist from './modules/wxlist/wxlist'
-
-
+import news from './modules/news/index'
+import newsdetail from './modules/news/detail'
 Vue.use(Vuex)
 
 export default new Vuex.Store({
@@ -13,6 +13,8 @@ export default new Vuex.Store({
     home,
     common,
     smt,
-    wxlist
+    wxlist,
+    news,
+    newsdetail
   }
 })

src/views/common/Header.vue

@@ -52,10 +52,11 @@ export default {
     width:100%;
     padding: 0 0.2rem;
     position:fixed;
+      z-index: 998;
     top:0;
     background:#fafafa;
     i{font-size:18px;margin-top:10px;color:#666}
-    h3{font-size:16px;color:#333;width:88%;line-height:40px;text-align:center;height:40px;overflow: hidden;
-    text-overflow: ellipsis;}
+    h3{font-size:16px;color:#333;width:68%;line-height:40px;text-align:center;height:40px;overflow: hidden;
+    text-overflow: ellipsis;white-space: nowrap;padding:0px 10%!important;}
   }
 </style>

src/views/common/SideBar.vue

 <template>
     <section>
         <div class="slide-bar">
-            <div class="customer-service" @click="recordFn">
+            <div class="customer-service" @click="recordFn" v-if="kefuishow">
                 <i class="iconfont icon-kefu"></i>
             </div>
             <div class="backtop" v-backTop v-if="show">
@@ -39,6 +39,17 @@
 
   export default {
     name: 'sidebar',
+      props: {
+          kefuishow:{
+              type: Boolean,//是否展示客服
+              default: true
+          },
+          isWindow:{
+              type: Boolean,//是否开启windows监听
+              default: false
+          }
+
+      },
     data() {
       return {
         flag: false,
@@ -51,7 +62,15 @@
       phpParams: state => state.common.phpParams,
     }),
     mounted() {
+        if(this.isWindow){
+
+            this.scrollFnWindow();
+        }else{
+
             this.scrollFn();
+
+        }
+
     },
     methods: {
       customsrService() {
@@ -59,6 +78,18 @@
           type: 'customsrService'
         })
       },
+      //弹性布局监听不到window
+      scrollFnWindow(){
+          var self=this;
+          window.onscroll= function(){
+              var t = document.documentElement.scrollTop||document.body.scrollTop;
+              if(t>=300){
+                  self.show=true;
+              }else{
+                  self.show=false;
+              }
+          }
+      },
       scrollFn() {
         var obj = document.querySelector('.container-wrap'), self = this;
         obj.onscroll = function () {

src/views/news/Detail.vue

+<template>
+    <section class="news-detail"  >
+        <div v-if="newsDetailObj.current_info">
+            <Header :title="title" :meaushow='meaushow'></Header>
+            <h1 class="title" >{{newsDetailObj.current_info.title}}</h1>
+            <div class="bar">
+                <span class="f20">{{newsDetailObj.current_info.art_type_text}}</span>
+                <span class="f24">来源：</span>
+                <span class="f24">{{newsDetailObj.current_info.writer}}&nbsp;&nbsp;&nbsp;{{newsDetailObj.current_info.publish_time}}</span>
+            </div>
+            <template v-if="newsDetailAd.news_details_ad">
+                <template v-if="newsDetailAd.news_details_ad.header">
+                    <div class="adbox">
+                        <a :href="newsDetailAd.news_details_ad.header.url"    :target="newsDetailAd.news_details_ad.header.window_open > 0 ?'_blank':'_self'">
+                            <img :src="newsDetailAd.news_details_ad.header.images" :alt="newsDetailAd.news_details_ad.header.title"   width="100%" height="120"/>
+                        </a>
+                    </div>
+                </template>
+            </template>
+            <div v-html="newsDetailObj.current_info.body" class="content-newsdetail"></div>
+            <template v-if="newsDetailAd.news_details_ad">
+                <template v-if="newsDetailAd.news_details_ad.footer">
+                    <div class="adbox">
+                        <a :href="newsDetailAd.news_details_ad.footer.url"    :target="newsDetailAd.news_details_ad.footer.window_open > 0 ?'_blank':'_self'">
+                            <img :src="newsDetailAd.news_details_ad.footer.images" :alt="newsDetailAd.news_details_ad.footer.title"   width="100%" height="120"/>
+                        </a>
+                    </div>
+                </template>
+            </template>
+        </div>
+        <template v-if="newsDetailAd.h5_news_ad_pop">
+            <div class="detail-pop"  v-show="popdetailbool">
+                <van-icon name="close"  class="closexdetailad" @click="popdetailact()"/>
+                <a :href="newsDetailAd.h5_news_ad_pop.url"   :target="newsDetailAd.h5_news_ad_pop.window_open > 0 ?'_blank':'_self'">
+                    <img :src="newsDetailAd.h5_news_ad_pop.images" :alt="newsDetailAd.h5_news_ad_pop.title">
+                </a>
+            </div>
+        </template>
+        <van-loading type="spinner" color="#000" class="loading-background" v-if="loadStatus"/>
+    </section>
+</template>
+
+<script>
+
+    import Vue from 'vue';
+    import {mapState} from 'vuex'
+    import {Loading,Icon } from 'vant'
+    import Header from '@/views/common/Header.vue';
+    Vue.use(Loading).use(Icon );
+    export default {
+        name: 'newsDetail',
+        data() {
+            return {
+                title:"猎芯网-新闻列表详情",
+                p: 1,
+                meaushow:true,
+                popdetailbool:false
+            }
+        },
+        computed: {
+            ...mapState({
+                newsDetailObj: state => state.newsdetail.newsDetailObj,
+                loadStatus: state => state.newsdetail.loadStatus,
+                newsDetailAd:state=> state.newsdetail.newsDetailAd
+
+            })
+        },
+        watch:{
+            newsDetailObj(val){
+                if(JSON.stringify(val) != "{}"){
+                    this.title=val.current_info.title
+                    window.document.title=val.current_info.title
+                }
+            }
+
+        },
+        created() {
+            this.getDataAd();
+            this.getData();
+            this.scrollFns();
+        },
+        methods: {
+            getData() {
+                this.$store.dispatch({
+                    type: 'newsArticleDetail',
+                    art_id: this.$route.params.art_id
+                })
+            },
+            getDataAd:function(){
+                this.$store.dispatch({
+                    type: 'newsArticleDetailAd',
+                    cat_id: this.$route.params.cat_id
+                })
+            },
+            popdetailact:function(){
+                this.popdetailbool=false;
+                this.newsDetailAd.h5_news_ad_pop="";
+            },
+            scrollFns() {
+                var self=this;
+                window.onscroll= function(){
+                    var t = document.documentElement.scrollTop||document.body.scrollTop;
+                    if (t >= 100) {
+                        self.popdetailbool = true;
+                    }
+                }
+            }
+
+        },
+        components: {
+            Header
+
+        }
+    }
+</script>
+
+<style >
+    .news-detail .bar, .news-detail .title, .news-detail .content-newsdetail{
+        padding:0 10px;
+    }
+    .news-detail .content-newsdetail img{max-width:100%!important;}
+    .news-detail  h1.title{
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        color: #333;
+        font-size: 22px;
+        font-weight: 700;
+        line-height: 30px;
+        margin-top: 10px;
+    }
+    .news-detail .bar{
+        height:16px;clear:both;font-size:12px;color:#999;margin-top:10px;margin-bottom:10px;
+    }
+    .news-detail .bar span{line-height: 16px;height:16px;float:left;}
+    .news-detail .bar .f24{color:#333;}
+    .news-detail .bar .f20{font-size: 12px;padding-left: 5px;padding-right:5px;border-radius:2px;border:1px solid #ccc;margin-right: 10px;}
+    .news-detail .detail-pop{width:8.66rem;height:7.44rem;position: fixed;top:50%;left:50%;margin-left:-4.33rem;margin-top: -3.72rem;}
+    .news-detail .detail-pop img{width:100%;height:100%;}
+    .news-detail .closexdetailad{font-size: 26px;float:right;color:#ccc}
+    .news-detail .adbox{padding:0 10px;}
+</style>
\ No newline at end of file

src/views/news/Index.vue

+<template>
+    <section class="news">
+        <Header :title="title" :meaushow='meaushow'></Header>
+        <van-swipe :autoplay="3000" :height="bannerHeight">
+            <van-swipe-item v-for="(item, index) in rollbanner" :key="index">
+                <a :href="item.url | urlPatg('news-banner-'+(index+1))" :target="item.window_open > 0 ?'_blank':'_self'">
+                    <img :src="item.images" class="">
+                </a>
+                <img v-lazy="item" />
+            </van-swipe-item>
+        </van-swipe>
+        <div v-if="cat_list.length>0" class="navList clearfix" :class="{'navList44':(cat_list.length==4),'navListfixed':navListfixed}" >
+            <p @click="tab(index)"  class="fl" :class="{'act':act==index}" v-for="(item,index) in cat_list" :key="index">
+                {{item.cat_name}}
+            </p>
+        </div>
+        <ul class="listBox clr" >
+            <van-list v-model="loading" :loading="loadStatus" :finished="finished"
+                      finished-text="没有更多了"  @load="onLoad">
+                <router-link tag="li" :to="{'path':'/news/detail/'+item.art_id+'/'+item.cat_id}" v-for="(item,index) in content_list" :key="index">
+                    <img :src="item.litpic" :alt="item.title">
+                    <div class="boxgrt">
+                        <h1 class="title">{{item.title}}</h1>
+                        <p class="titleLook clearfix">
+                            <span class="fl">{{item.writer}}</span>
+                            <span class="fr">{{item.click}}浏览</span>
+                        </p>
+                    </div>
+                </router-link>
+            </van-list>
+        </ul>
+        <div class="slide-bar">
+            <div class="backtop"  v-if="navListfixed">
+                <i class="iconfont icon-xiangshang1" v-backTopWindow></i>
+            </div>
+        </div>
+    </section>
+</template>
+
+<script>
+
+    import Vue from 'vue';
+    import {mapState} from 'vuex'
+    import {Swipe,SwipeItem,Lazyload,List} from 'vant';
+    import Header from '@/views/common/Header.vue';
+    Vue.use(Swipe).use(SwipeItem).use(Lazyload).use(List);
+
+    export default {
+        name: 'news',
+        data() {
+            return {
+                title:"猎芯网-新闻列表",
+                p: 1,
+                cat_id:'',
+                bannerHeight:180,
+                meaushow:true,
+                loading: false,
+                limit:10,
+                act:0,
+                navListfixed:false
+            }
+        },
+        computed: {
+            ...mapState({
+                rollbanner: state => state.news.rollbanner,
+                cat_list: state => state.news.cat_list,
+                content_list:state=>state.news.content_list,
+                loadStatus: state => state.news.loadStatus,
+                finished: state => state.news.finished,
+                totalLimit:state=>state.news.totalLimit
+            })
+        },
+        watch: {
+            loadStatus(val) {
+                this.loading=val;
+            }
+        },
+        created() {
+                this.getData();
+        },
+        mounted() {
+            this.scrollFns();
+        },
+        methods: {
+            getData() {
+                var catid="";
+                if(this.cat_id){
+                    catid=this.cat_id
+                }else{
+                    if(this.cat_list.length>0){
+                        catid=this.cat_list[0].cat_id;
+                    }
+                }
+                this.$store.dispatch({
+                    type: 'newsArticle',
+                    cat_id: catid,
+                    p: this.p,
+                    limit:this.limit
+
+                })
+            },
+            tab(index){
+                if(this.act==index){return}
+                this.act=index;
+                this.p=1;
+                this.cat_id=this.cat_list[index].cat_id;
+                this.getData();
+            },
+            onLoad() {
+                if (this.p < this.totalLimit) {
+                    this.p++;
+                    this.getData();
+                }
+
+            },
+            scrollFns() {
+                var self=this;
+                window.onscroll= function(){
+                    var t = document.documentElement.scrollTop||document.body.scrollTop;
+                    if (t >= 300) {
+                        self.navListfixed = true;
+                    } else {
+                        self.navListfixed = false;
+                    }
+                }
+            }
+        },
+        components: {
+            Header
+
+        }
+    }
+</script>
+
+
+<style scoped>
+    @import "../../assets/css/news/index.min.css";
+</style>
\ No newline at end of file

view/css/chunk-223709b6.045485d7.css

+.menu-fade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.menu{position:fixed;right:10px;top:10px;z-index:999}.menu b{font-size:18px;color:#666}.menu .popover-arrow{position:absolute;z-index:1000;top:11px;right:0;overflow:hidden;width:26px;height:26px}.menu .popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;background:#333}.menu .menu-view{margin-top:36px;background:#333;font-size:15px;border-radius:2px;max-height:300px}.menu .menu-view li{position:relative;overflow:hidden;padding:11px 15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.menu .menu-view li a{color:#fff}.menu .menu-view li a i{margin-right:.1rem}body{padding-top:40px}.header-page{height:40px;width:100%;padding:0 .2rem;position:fixed;z-index:998;top:0;background:#fafafa}.header-page i{font-size:18px;margin-top:10px;color:#666}.header-page h3{font-size:16px;color:#333;width:68%;line-height:40px;text-align:center;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10%!important}.news-detail .bar,.news-detail .content-newsdetail,.news-detail .title{padding:0 10px}.news-detail .content-newsdetail img{max-width:100%!important}.news-detail h1.title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:22px;font-weight:700;line-height:30px;margin-top:10px}.news-detail .bar{height:16px;clear:both;font-size:12px;color:#999;margin-top:10px;margin-bottom:10px}.news-detail .bar span{line-height:16px;height:16px;float:left}.news-detail .bar .f24{color:#333}.news-detail .bar .f20{font-size:12px;padding-left:5px;padding-right:5px;border-radius:2px;border:1px solid #ccc;margin-right:10px}.news-detail .detail-pop{width:8.66rem;height:7.44rem;position:fixed;top:50%;left:50%;margin-left:-4.33rem;margin-top:-3.72rem}.news-detail .detail-pop img{width:100%;height:100%}.news-detail .closexdetailad{font-size:26px;float:right;color:#ccc}.news-detail .adbox{padding:0 10px}
\ No newline at end of file

view/css/chunk-2ec6c3d3.c0f345b7.css

+.menu-fade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.menu{position:fixed;right:10px;top:10px;z-index:999}.menu b{font-size:18px;color:#666}.menu .popover-arrow{position:absolute;z-index:1000;top:11px;right:0;overflow:hidden;width:26px;height:26px}.menu .popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;background:#333}.menu .menu-view{margin-top:36px;background:#333;font-size:15px;border-radius:2px;max-height:300px}.menu .menu-view li{position:relative;overflow:hidden;padding:11px 15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.menu .menu-view li a{color:#fff}.menu .menu-view li a i{margin-right:.1rem}body{padding-top:40px}.header-page{height:40px;width:100%;padding:0 .2rem;position:fixed;z-index:998;top:0;background:#fafafa}.header-page i{font-size:18px;margin-top:10px;color:#666}.header-page h3{font-size:16px;color:#333;width:68%;line-height:40px;text-align:center;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10%!important}.wxlist{height:100%;background:#f8f8f8}.wxlist .wxlist-content .menu-title{color:#333;font-size:18px;height:47px;line-height:47px;padding-left:.2rem}.wxlist .wxlist-content .wxlist-banner{padding:0 .2rem}.wxlist .wxlist-content .wxlist-banner .banner-header{padding:10px}.banner-box{background:#fff;border-radius:4px;min-height:275px}.banner-header .banner-title{font-size:19px;color:#333}.banner-header .banner-img{width:.8rem;height:.8rem;margin-right:10px}.banner-header .banner-img img{width:100%;height:100%;width:.8rem;height:.8rem;border-radius:50%;display:block}.banner-body img{width:100%;height:4.8rem}.banner-footer{font-size:16px;line-height:20px;color:#666;padding:.4rem .28rem}.banner-footer a{color:#666}.banner-footer span{color:#999}.wxlist-data{padding:10px}.wxlist-data-box{background:#fff;border-radius:4px}.group-right{width:2rem;height:60px}.group-left-box{height:50px;width:6.347rem;font-size:16px;color:#333;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.group-left{width:6.347rem;border-bottom:1px solid #e5e5e5;padding-top:.1rem;padding-bottom:.5rem}.data-group{padding:.25rem;display:block}
\ No newline at end of file

view/css/chunk-67b3424d.21db42da.css

-.menu-fade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.menu{position:fixed;right:10px;top:10px;z-index:999}.menu b{font-size:18px;color:#666}.menu .popover-arrow{position:absolute;z-index:1000;top:11px;right:0;overflow:hidden;width:26px;height:26px}.menu .popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;background:#333}.menu .menu-view{margin-top:36px;background:#333;font-size:15px;border-radius:2px;max-height:300px}.menu .menu-view li{position:relative;overflow:hidden;padding:11px 15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.menu .menu-view li a{color:#fff}.menu .menu-view li a i{margin-right:.1rem}body{padding-top:40px}.header-page{height:40px;width:100%;padding:0 .2rem;position:fixed;top:0;background:#fafafa}.header-page i{font-size:18px;margin-top:10px;color:#666}.header-page h3{font-size:16px;color:#333;width:88%;line-height:40px;text-align:center;height:40px;overflow:hidden;text-overflow:ellipsis}.wxlist{height:100%;background:#f8f8f8}.wxlist .wxlist-content .menu-title{color:#333;font-size:18px;height:47px;line-height:47px;padding-left:.2rem}.wxlist .wxlist-content .wxlist-banner{padding:0 .2rem}.wxlist .wxlist-content .wxlist-banner .banner-header{padding:10px}.banner-box{background:#fff;border-radius:4px;min-height:275px}.banner-header .banner-title{font-size:19px;color:#333}.banner-header .banner-img{width:.8rem;height:.8rem;margin-right:10px}.banner-header .banner-img img{width:100%;height:100%;width:.8rem;height:.8rem;border-radius:50%;display:block}.banner-body img{width:100%;height:4.8rem}.banner-footer{font-size:16px;line-height:20px;color:#666;padding:.4rem .28rem}.banner-footer a{color:#666}.banner-footer span{color:#999}.wxlist-data{padding:10px}.wxlist-data-box{background:#fff;border-radius:4px}.group-right{width:2rem;height:60px}.group-left-box{height:50px;width:6.347rem;font-size:16px;color:#333;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.group-left{width:6.347rem;border-bottom:1px solid #e5e5e5;padding-top:.1rem;padding-bottom:.5rem}.data-group{padding:.25rem;display:block}
\ No newline at end of file

view/css/chunk-87014838.7e7323ea.css

+.menu-fade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.menu{position:fixed;right:10px;top:10px;z-index:999}.menu b{font-size:18px;color:#666}.menu .popover-arrow{position:absolute;z-index:1000;top:11px;right:0;overflow:hidden;width:26px;height:26px}.menu .popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;background:#333}.menu .menu-view{margin-top:36px;background:#333;font-size:15px;border-radius:2px;max-height:300px}.menu .menu-view li{position:relative;overflow:hidden;padding:11px 15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.menu .menu-view li a{color:#fff}.menu .menu-view li a i{margin-right:.1rem}body{padding-top:40px}.header-page{height:40px;width:100%;padding:0 .2rem;position:fixed;z-index:998;top:0;background:#fafafa}.header-page i{font-size:18px;margin-top:10px;color:#666}.header-page h3{font-size:16px;color:#333;width:68%;line-height:40px;text-align:center;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10%!important}.news li,.news ul{font-family:"\5FAE\8F6F\96C5\9ED1"!important}.news .borderBottom{border-bottom:1px solid #e5e5e5}.news .navList{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden}.news .navList p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navList p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navListfixed{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden;position:fixed;top:39px;left:0;right:0}.news .navListfixed p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navListfixed p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navList44 p{width:25%}.news .listBox li{padding:10px;height:100px;border-bottom:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box}.news .listBox li img{height:75px;width:27%;float:left;border:0;outline:none}.news .listBox li .boxgrt{height:75px;width:66%;float:right}.news .listBox li .boxgrt .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:.32rem;font-weight:700;height:50px;line-height:25px}.news .listBox li .boxgrt .titleLook{font-size:14px;color:#999;margin-top:5px}
\ No newline at end of file

view/index.html

-<!DOCTYPE HTML><html lang=zh-CN><head><title></title><meta name=author content=www.ichunt.com><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,user-scalable=no,minimal-ui"><meta http-equiv=Content-Type content="text/html;charset=utf-8"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=format-detection content="telephone=no"><meta http-equiv=Expires content=-1><meta http-equiv=Cache-Control content=no-cache><meta http-equiv=Pragma content=no-cache><meta name=full-screen content=yes><meta name=browsermode content=application><meta name=x5-fullscreen content=true><meta name=x5-page-mode content=app><meta name=description content=猎芯网,快速成长的专业电子元器件商城,贸泽(MOUSER)全系产品、e络盟(element14)树莓派系列产品授权经销商,已获得多轮风险投资。为客户提供电子元器件现货,IC采购,进口报关，电子元器件寄售，供应链金融等一站式电子元器件采购服务。><meta name=keywords content=猎芯网,电子元器件采购,电子元器件商城,电子元器件现货,IC采购网,电子元器件寄售,电子元件,元器件商城,元器件采购,电子商城,><link rel=icon href=//h5static.ichunt.com/favicon.ico><link rel=stylesheet href=/v3/dist/res/m/css/font/iconfont.css><script src=/h5/view/get_time.php></script><script>var fwtimes = window.fwtime - (Math.floor((new Date().getTime()) / 1000)); //获取服务器时间差</script><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/flexible.min.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/shence.min.js charset=utf-8></script><link href=//h5static.ichunt.com/css/chunk-1144b73a.43c91bcb.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-37ba70a3.d7e46390.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-5498eef5.e5216386.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-67b3424d.21db42da.css rel=prefetch><link href=//h5static.ichunt.com/js/chunk-1144b73a.ea7151f2.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-37ba70a3.920bbbbd.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-5498eef5.5b498a11.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-67b3424d.a6ad8958.js rel=prefetch><link href=//h5static.ichunt.com/css/app.adc8e432.css rel=preload as=style><link href=//h5static.ichunt.com/css/chunk-vendors.fa7e75a9.css rel=preload as=style><link href=//h5static.ichunt.com/js/app.9afb10aa.js rel=preload as=script><link href=//h5static.ichunt.com/js/chunk-vendors.e68ea566.js rel=preload as=script><link href=//h5static.ichunt.com/css/chunk-vendors.fa7e75a9.css rel=stylesheet><link href=//h5static.ichunt.com/css/app.adc8e432.css rel=stylesheet></head><body class=boxsiz><noscript><strong>网站出现了一点小问题，正在紧急修复中.......</strong></noscript><div id=app></div><script>function SetCookie(name, value, time, domain) {
+<!DOCTYPE HTML><html lang=zh-CN><head><title></title><meta name=author content=www.ichunt.com><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,user-scalable=no,minimal-ui"><meta http-equiv=Content-Type content="text/html;charset=utf-8"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=format-detection content="telephone=no"><meta http-equiv=Expires content=-1><meta http-equiv=Cache-Control content=no-cache><meta http-equiv=Pragma content=no-cache><meta name=full-screen content=yes><meta name=browsermode content=application><meta name=x5-fullscreen content=true><meta name=x5-page-mode content=app><meta name=description content=猎芯网,快速成长的专业电子元器件商城,贸泽(MOUSER)全系产品、e络盟(element14)树莓派系列产品授权经销商,已获得多轮风险投资。为客户提供电子元器件现货,IC采购,进口报关，电子元器件寄售，供应链金融等一站式电子元器件采购服务。><meta name=keywords content=猎芯网,电子元器件采购,电子元器件商城,电子元器件现货,IC采购网,电子元器件寄售,电子元件,元器件商城,元器件采购,电子商城,><link rel=icon href=//h5static.ichunt.com/favicon.ico><link rel=stylesheet href=/v3/dist/res/m/css/font/iconfont.css><script src=/h5/view/get_time.php></script><script>var fwtimes = window.fwtime - (Math.floor((new Date().getTime()) / 1000)); //获取服务器时间差</script><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/flexible.min.js charset=utf-8></script><script src=//h5static.ichunt.com/static/js/shence.min.js charset=utf-8></script><link href=//h5static.ichunt.com/css/chunk-223709b6.045485d7.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-2ec6c3d3.c0f345b7.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-383c5e1e.d7e46390.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-406d08fd.43c91bcb.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-87014838.7e7323ea.css rel=prefetch><link href=//h5static.ichunt.com/css/chunk-d7484a78.927a837d.css rel=prefetch><link href=//h5static.ichunt.com/js/chunk-223709b6.13a05904.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-2ec6c3d3.1717fa2a.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-383c5e1e.ec61423e.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-406d08fd.5c8d40f0.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-87014838.f79318bc.js rel=prefetch><link href=//h5static.ichunt.com/js/chunk-d7484a78.69aecbd9.js rel=prefetch><link href=//h5static.ichunt.com/css/app.adc8e432.css rel=preload as=style><link href=//h5static.ichunt.com/css/chunk-vendors.59ded326.css rel=preload as=style><link href=//h5static.ichunt.com/js/app.bf9dcba1.js rel=preload as=script><link href=//h5static.ichunt.com/js/chunk-vendors.a0eaff0e.js rel=preload as=script><link href=//h5static.ichunt.com/css/chunk-vendors.59ded326.css rel=stylesheet><link href=//h5static.ichunt.com/css/app.adc8e432.css rel=stylesheet></head><body class=boxsiz><noscript><strong>网站出现了一点小问题，正在紧急修复中.......</strong></noscript><div id=app></div><script>function SetCookie(name, value, time, domain) {
     domain = domain ? ";domain=" + domain : "";
     var Days = time;
     var exp = new Date();
@@ -224,4 +224,4 @@
       user_rank: '0'
     });
     sensors.quick('autoTrack');
-  }</script><script src=//h5static.ichunt.com/js/chunk-vendors.e68ea566.js></script><script src=//h5static.ichunt.com/js/app.9afb10aa.js></script></body></html>
\ No newline at end of file
+  }</script><script src=//h5static.ichunt.com/js/chunk-vendors.a0eaff0e.js></script><script src=//h5static.ichunt.com/js/app.bf9dcba1.js></script></body></html>
\ No newline at end of file