公告

src/router/index.js

@@ -15,6 +15,7 @@ import TempalteEdit from  '@/views/tempaltes/edit.vue'
 import TempaltePreview from  '@/views/tempaltes/preview.vue'
 import TempaltePreview from  '@/views/tempaltes/preview.vue'
 import TempalteDetail from  '@/views/tempaltes/detail.vue'
 import TempalteDetail from  '@/views/tempaltes/detail.vue'
 import Notice from  '@/views/notice/index.vue'
 import Notice from  '@/views/notice/index.vue'
+import NoticeDetail from  '@/views/notice/detail.vue'
 import Svg from  '@/views/svg-icons/index.vue'
 import Svg from  '@/views/svg-icons/index.vue'
 Vue.use(Router)
 Vue.use(Router)
 
 
@@ -43,6 +44,11 @@ const router =  new Router({
       component: Notice
       component: Notice
     },
     },
     {
     {
+      path: '/notice/detail',
+      name: 'NoticeDetail',
+      component: NoticeDetail
+    },
+    {
       path: '/svg-icon',
       path: '/svg-icon',
       name: 'svg-icon',
       name: 'svg-icon',
       component: Svg
       component: Svg

src/views/notice/detail.vue

+<template>
+  <div class="about">
+    <NavBar :title=" temp.title ? temp.title : '通知详情'" left-arrow ></NavBar>
+    <div class="title">{{temp.title}}</div>
+    <div class="time">{{temp.time}}</div>
+    <div class="content">
+      {{temp.content+ `北京数字理想科技有限公司，是中国领先的数据可视化平台服务商与行业解决方案提供商，我们坚持用科技创造艺术的理想，不断引领视觉技术变革。经过数年的沉淀积累，数字理想在数据处理与分析、数据可视化、互动多媒体、数字展览展示、互联网云平台等领域均取得明显优势地位。北京数字理想科技有限公司，是中国领先的数据可视化平台服务商与行业解决方案提供商，我们坚持用科技创造艺术的理想，不断引领视觉技术变革。经过数年的沉淀积累，数字理想在数据处理与分析、数据可视化、互动多媒体、数字展览展示、互联网云平台等领域均取得明显优势地位。
+
+北京数字理想科技有限公司，是中国领先的数据可视化平台服务商与行业解决方案提供商，我们坚持用科技创造艺术的理想，不断引领视觉技术变革。经过数年的沉淀积累，数字理想在数据处理与分析、数据可视化、互动多媒体、数字展览展示、互联网云平台等领域均取得明显优势地位。
+
+北京数字理想科技有限公司，是中国领先的数据可视化平台服务商与行业解决方案提供商，我们坚持用科技创造艺术的理想，不断引领视觉技术变革。经过数年的沉淀积累，数字理想在数据处理与分析、数据可视化、互动多媒体、数字展览展示、互联网云平台等领域均取得明显优势地位。`}}
+    </div>
+  </div>
+</template>
+
+<script>
+import NavBar from '@/views/layout/navbar'
+export default {
+  name: 'About',
+  components:{
+    NavBar
+  },
+  data() {
+    return {
+      temp: {
+        title: '数字理想与合工大达成战略合作'
+      }
+    }
+  },
+  created() {
+    this.temp = JSON.parse(window.sessionStorage.getItem('notice'))
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .about {
+    .title {
+      padding-top: 65px;
+      padding-bottom: 24px;
+      font-size: 30px;
+      color: #333;
+    }
+    .time {
+      font-size:18px;
+      color: #333;
+    }
+    .content {
+      color: #333;
+      padding-bottom: 35px;
+      text-align: left;
+      text-indent: 36px;
+      padding: 0 25%;
+       padding-top: 65px;
+      font-size:18px;
+      line-height:27px;
+      img {
+        width: 50%;
+      }
+    }
+  }
+</style>
+

src/views/notice/index.vue

@@ -14,7 +14,7 @@
           </div>
           </div>
           <div class="content">{{ item.content}}</div>
           <div class="content">{{ item.content}}</div>
           <div class="bottom-btn" v-if="item.type === 'news'"> 
           <div class="bottom-btn" v-if="item.type === 'news'"> 
-            <span>查看详情>></span>
+            <span @click="goDetail(item)">查看详情>></span>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
@@ -57,7 +57,17 @@ export default {
       ]
       ]
     };
     };
   },
   },
-  methods: {}
+  methods: {
+    goDetail(item) {
+      window.sessionStorage.setItem('notice', JSON.stringify(item))
+      this.$router.push({
+        path: '/notice/detail',
+        query: {
+          id: item.id
+        }
+      })
+    }
+  }
 };
 };
 </script>
 </script>