From d144124426d1ad98caf2be1204d40d3d3fb6b2c3 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Thu, 9 Jan 2020 15:35:37 +0800
Subject: [PATCH] 新闻详情

---
 src/assets/images/news/news1.png         | Bin 0 -> 500934 bytes
 src/assets/images/news/news2.png         | Bin 0 -> 595698 bytes
 src/assets/images/news/news3.png         | Bin 0 -> 618832 bytes
 src/router/index.js                      |   5 +++++
 src/views/news/components/selectTab0.vue | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 src/views/news/components/selectTab1.vue |  89 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 src/views/news/components/selectTab2.vue |  89 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 src/views/news/components/selectTab3.vue |  89 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 src/views/news/index.vue                 |   9 +--------
 src/views/newsDetail/index.vue           |  56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 10 files changed, 430 insertions(+), 13 deletions(-)
 create mode 100644 src/assets/images/news/news1.png
 create mode 100644 src/assets/images/news/news2.png
 create mode 100644 src/assets/images/news/news3.png
 create mode 100644 src/views/newsDetail/index.vue

diff --git a/src/assets/images/news/news1.png b/src/assets/images/news/news1.png
new file mode 100644
index 0000000..299a6d0
Binary files /dev/null and b/src/assets/images/news/news1.png differ
diff --git a/src/assets/images/news/news2.png b/src/assets/images/news/news2.png
new file mode 100644
index 0000000..cc749f1
Binary files /dev/null and b/src/assets/images/news/news2.png differ
diff --git a/src/assets/images/news/news3.png b/src/assets/images/news/news3.png
new file mode 100644
index 0000000..1954956
Binary files /dev/null and b/src/assets/images/news/news3.png differ
diff --git a/src/router/index.js b/src/router/index.js
index c62c20d..83c7324 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -37,6 +37,11 @@ export default new Router({
       path: '/news',
       name: 'news',
       component: () => import('@/views/news')
+    },
+    {
+      path: '/newsDetail/:newsId',
+      name: 'newsDetail',
+      component: () => import('@/views/newsDetail')
     }
 
 
diff --git a/src/views/news/components/selectTab0.vue b/src/views/news/components/selectTab0.vue
index 0afb0e2..3f3dcd8 100644
--- a/src/views/news/components/selectTab0.vue
+++ b/src/views/news/components/selectTab0.vue
@@ -1,13 +1,115 @@
 <template>
-    <div>1</div>
+    <div style="margin-bottom: 20px">
+      <ul class="newsList"  @click="ToNewCon">
+
+        <li>
+          <img src="../../../assets/images/news/news2.png" alt="">
+        </li>
+        <li>
+          <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+          <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+            无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+            中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+            随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+            随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+        </li>
+      </ul>
+      <ul class="newsList">
+        <li>
+          <img src="../../../assets/images/news/news2.png" alt="">
+        </li>
+        <li>
+          <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+          <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+            无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+            中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+            随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+            随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+        </li>
+      </ul>
+      <ul class="newsList">
+        <li>
+          <img src="../../../assets/images/news/news2.png" alt="">
+        </li>
+        <li>
+          <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+          <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+            无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+            中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+            随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+            随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+        </li>
+      </ul>
+      <v-page :total-row="100" align="center" :page-size-menu="false" :info="false" @page-change="pagePhotoChange">
+      </v-page>
+    </div>
 </template>
 
 <script>
 export default {
-  name: 'selectTab0'
+  name: 'selectTab0',
+  methods:{
+    pagePhotoChange:function (index,item) {
+      console.log(index)
+      this.currentIndex = index
+      this.tabView = 'selectTab'+index
+      this.name = item
+    },
+    ToNewCon:function () {//跳到新闻详情页面
+      const ID = 123
+      this.$router.push({
+        name: 'newsDetail',
+        params: { newsId: ID }
+      })
+    }
+  }
 }
 </script>
 
 <style scoped lang="scss">
+.newsList{
+  padding: 20px 0;
+  border-bottom: 2px darkblue #CCC;
+  overflow: hidden;
+}
+.newsList li{
+  float: left;
+}
+.newsList li:nth-of-type(1){
+  width:358px;
+  height:269px;
+  padding: 9px 9px;
+  background:rgba(255,255,255,1);
+  border:2px solid rgba(203,203,203,1);
+  img{
+    width: 340px;
+    height: 251px;
+  }
+}
+
+.newsList li:nth-of-type(2){
+  width: 1000px;
+  margin-left: 50px;
+  overflow: hidden;
+  p:nth-of-type(1){
+    font-size: 16px;
+    color: #333;
+    margin-bottom: 20px;
+  }
+  p:nth-of-type(2){
+    font-size: 14px;
+    color: #333;
+    line-height: 20px;
+  }
+}
 
 </style>
diff --git a/src/views/news/components/selectTab1.vue b/src/views/news/components/selectTab1.vue
index eed9c43..89dfb67 100644
--- a/src/views/news/components/selectTab1.vue
+++ b/src/views/news/components/selectTab1.vue
@@ -1,5 +1,57 @@
 <template>
-    <div>1</div>
+  <div style="margin-bottom: 20px">
+    <ul class="newsList">
+
+      <li>
+        <img src="../../../assets/images/news/news2.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <ul class="newsList">
+      <li>
+        <img src="../../../assets/images/news/news2.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <ul class="newsList">
+      <li>
+        <img src="../../../assets/images/news/news2.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <v-page :total-row="100" align="center" :page-size-menu="false" :info="false">
+    </v-page>
+  </div>
 </template>
 
 <script>
@@ -9,5 +61,40 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .newsList{
+    padding: 20px 0;
+    border-bottom: 2px darkblue #CCC;
+    overflow: hidden;
+  }
+  .newsList li{
+    float: left;
+  }
+  .newsList li:nth-of-type(1){
+    width:358px;
+    height:269px;
+    padding: 9px 9px;
+    background:rgba(255,255,255,1);
+    border:2px solid rgba(203,203,203,1);
+    img{
+      width: 340px;
+      height: 251px;
+    }
+  }
+
+  .newsList li:nth-of-type(2){
+    width: 1000px;
+    margin-left: 50px;
+    overflow: hidden;
+    p:nth-of-type(1){
+      font-size: 16px;
+      color: #333;
+      margin-bottom: 20px;
+    }
+    p:nth-of-type(2){
+      font-size: 14px;
+      color: #333;
+      line-height: 20px;
+    }
+  }
 
 </style>
diff --git a/src/views/news/components/selectTab2.vue b/src/views/news/components/selectTab2.vue
index 1c66ceb..0cc6720 100644
--- a/src/views/news/components/selectTab2.vue
+++ b/src/views/news/components/selectTab2.vue
@@ -1,5 +1,57 @@
 <template>
-    <div>2</div>
+  <div style="margin-bottom: 20px">
+    <ul class="newsList">
+
+      <li>
+        <img src="../../../assets/images/news/news2.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <ul class="newsList">
+      <li>
+        <img src="../../../assets/images/news/news2.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <ul class="newsList">
+      <li>
+        <img src="../../../assets/images/news/news2.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <v-page :total-row="100" align="center" :page-size-menu="false" :info="false" >
+    </v-page>
+  </div>
 </template>
 
 <script>
@@ -9,5 +61,40 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .newsList{
+    padding: 20px 0;
+    border-bottom: 2px darkblue #CCC;
+    overflow: hidden;
+  }
+  .newsList li{
+    float: left;
+  }
+  .newsList li:nth-of-type(1){
+    width:358px;
+    height:269px;
+    padding: 9px 9px;
+    background:rgba(255,255,255,1);
+    border:2px solid rgba(203,203,203,1);
+    img{
+      width: 340px;
+      height: 251px;
+    }
+  }
+
+  .newsList li:nth-of-type(2){
+    width: 1000px;
+    margin-left: 50px;
+    overflow: hidden;
+    p:nth-of-type(1){
+      font-size: 16px;
+      color: #333;
+      margin-bottom: 20px;
+    }
+    p:nth-of-type(2){
+      font-size: 14px;
+      color: #333;
+      line-height: 20px;
+    }
+  }
 
 </style>
diff --git a/src/views/news/components/selectTab3.vue b/src/views/news/components/selectTab3.vue
index a4079f3..dd3a8ee 100644
--- a/src/views/news/components/selectTab3.vue
+++ b/src/views/news/components/selectTab3.vue
@@ -1,5 +1,57 @@
 <template>
-    <div></div>
+  <div style="margin-bottom: 20px">
+    <ul class="newsList">
+
+      <li>
+        <img src="../../../assets/images/news/news3.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <ul class="newsList">
+      <li>
+        <img src="../../../assets/images/news/news3.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <ul class="newsList">
+      <li>
+        <img src="../../../assets/images/news/news3.png" alt="">
+      </li>
+      <li>
+        <p>“十年之约·物联网中国行”走进中兴智能交通|智慧停车云平台助力解决城市停车难</p>
+        <p>       从2009年，以传感网创新示范区成立为标志，无锡正式与物联网结缘。十年之际，由经济日报、中国经济网联合新华社、新华日报等十三家媒体组成“十年之约·物联网中国行”采访团，走进中兴智能交通股份有限公司。
+          无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+          中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保......
+
+
+
+          随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。</p>
+      </li>
+    </ul>
+    <v-page :total-row="100" align="center" :page-size-menu="false" :info="false" >
+    </v-page>
+  </div>
 </template>
 
 <script>
@@ -9,5 +61,40 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .newsList{
+    padding: 20px 0;
+    border-bottom: 2px darkblue #CCC;
+    overflow: hidden;
+  }
+  .newsList li{
+    float: left;
+  }
+  .newsList li:nth-of-type(1){
+    width:358px;
+    height:269px;
+    padding: 9px 9px;
+    background:rgba(255,255,255,1);
+    border:2px solid rgba(203,203,203,1);
+    img{
+      width: 340px;
+      height: 251px;
+    }
+  }
+
+  .newsList li:nth-of-type(2){
+    width: 1000px;
+    margin-left: 50px;
+    overflow: hidden;
+    p:nth-of-type(1){
+      font-size: 16px;
+      color: #333;
+      margin-bottom: 20px;
+    }
+    p:nth-of-type(2){
+      font-size: 14px;
+      color: #333;
+      line-height: 20px;
+    }
+  }
 
 </style>
diff --git a/src/views/news/index.vue b/src/views/news/index.vue
index 9ff1970..703ca39 100644
--- a/src/views/news/index.vue
+++ b/src/views/news/index.vue
@@ -46,14 +46,7 @@ export default {
       name:'公司要闻'
     }
   },
-  methods:{
-    changeTab:function (index,item) {
-      console.log(index)
-      this.currentIndex = index
-      this.tabView = 'selectTab'+index
-      this.name = item
-    }
-  }
+
 }
 </script>
 
diff --git a/src/views/newsDetail/index.vue b/src/views/newsDetail/index.vue
new file mode 100644
index 0000000..03bcf29
--- /dev/null
+++ b/src/views/newsDetail/index.vue
@@ -0,0 +1,56 @@
+<template>
+    <div class="widthCommon">
+      <p style="border-bottom:1px solid rgba(224,224,224,1);padding-bottom: 20px ">
+        无锡市优良政协委员、中兴智能交通股份有限公司总裁刘海峰接受了媒体采访，对中国城市停车现状、如何解决停车难等问题进行了解读。
+
+        中国城市面临停车难、停车乱问题，中兴智能交通是如何解决的？
+
+        随着中国经济的发展，汽车已经进入寻常百姓家，根据公安部发布数据显示2018年中国汽车保有量达到2.4亿辆，同时每年以10%的速度在增长。与此同时，由于土地资源的稀缺，泊位供给量的增长速度远低于机动车保有量的增长速度，泊位供需失衡、泊位使用效率低、缺少有效共享机制、车场信息孤岛等问题带来的停车难、停车乱、管理难的现象越来越突出。
+
+        中兴智能交通股份有限公司是致力于智能交通领域的专业公司，从事智能交通将近20年，用7年时间潜心研究破解城市停车难、停车乱及交通拥堵等问题。城市的大部分停车问题是由于缺乏对停车资源的整合和利用效率低造成的，如何盘活、整合现有停车资源，使有限的资停车源得到充分利用，对提升城市综合治理水平、缓解城市停车供需矛盾有很大的帮助。
+
+        针对城市级“停车综合治理”难题，我们探索出一条可行之路，在对整个城市停车资源充分调研、合理规划的基础上，整合现有停车资源、调度，盘活停车存量、投入增量，实行建管结合、综合治理。停车资源盘活后，停车效能可提高20%~30%。
+
+        作为智能交通行业的专业公司，除智慧停车业务外，相关业务有哪些？
+
+        中兴智能交通是中国批从事智能交通产业的高新技术企业， 公司的主营业务面向城市交通和公共交通信息服务领域，为城市公安交通、公共交通、智慧停车提供交通规划、方案设计、系统建设、运营和服务，为客户提供个性化的智能交通解决方案和技术服务。在城市智能交通领域，我们自主研发了城市公安交通集成指挥平台，是为交通管理业务而开发的综合化、智能化的管理应用服务的平台，该平台已在100多个城市中应用。
+
+        另一款中兴智能交通自主研发的智能公交调度平台，是运用车辆定位技术、地理信息系统技术等先进技术科学集成，形成集智能化调度、公交电子收费、信息服务、网络通信于一体的公共交通管理系统平台，该平台已在重庆、江苏盐城得到运用。基于以上两平台的运用，我们正在同步研发智慧交通大数据平台，实现“一次存储，多次利用”、“一点存储，全面共享”，为管理者提高办事效率和管理水平、加强对信息化社会的管理，为百姓出行提供便捷。
+
+
+      </p>
+
+      <p class="toLink">
+        <span class="textBlue">上一篇:</span>
+        ：新闻资讯丨2019年江苏省大数据优良应用解决方案名单公布，中兴智能交通榜上有名！
+      </p>
+
+      <p class="toLink">
+        <span class="textBlue">下一篇:</span>
+        ：新闻资讯丨2019年江苏省大数据优良应用解决方案名单公布，中兴智能交通榜上有名！
+      </p>
+
+
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  mounted(){
+    console.log(this.$route.params.newsId)
+  },
+
+}
+</script>
+
+<style scoped lang="scss">
+  .toLink{
+    margin-top: 20px;
+    font-size: 14px;
+    cursor: pointer;
+  }
+.textBlue{
+  color: #3366CC;
+}
+</style>
--
libgit2 0.21.4