消息列表下半部分+路由

src/router/index.js

@@ -89,6 +89,26 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/noticeList',
+    component: Layout,
+    // redirect: '公告管理',
+    meta: { title: '公告管理', icon : "dashboard" },
+    children: [
+      {
+        path: 'noticeList',
+        component: () => import('@/views/notice/noticeList'),
+        name: 'noticeList',
+        meta: { title: '公告列表', icon: 'user' }
+      },
+      {
+        path: 'addnotice',
+        component: () => import('@/views/notice/addNotice'),
+        name: 'addNotice',
+        meta: { title: '创建公告', icon: 'user' }
+      }
+    ]
+  },
   {
     path: '/messageList',
     component: Layout,
@@ -105,7 +125,7 @@ export const constantRoutes = [
         path: 'addMessage',
         component: () => import('@/views/message/addMessage'),
         name: 'addMessage',
-        meta: { title: '添加消息', icon: 'user' }
+        meta: { title: '创建消息', icon: 'user' }
       }
     ]
   }

src/views/message/messageList.vue

@@ -131,6 +131,7 @@ export default {
 }
 .down-add{
   padding: 10px;
+  margin: 0 27px;
   border:1px solid #ccc ; 
   border-radius: 2px
 }
@@ -141,6 +142,7 @@ export default {
 .down-table{
   margin-top: 15px;
   text-align: center;
+  margin: 35px 27px;
 }
 
 .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {

src/views/notice/addNotice.vue

@@ -0,0 +1,7 @@
+<template>
+    <div :class="className" :style="{height:height,width:width}" >添加公告</div>
+  </template>
+  
+  <script>
+  
+  </script>

src/views/notice/noticeList.vue

@@ -0,0 +1,7 @@
+<template>
+    <div :class="className" :style="{height:height,width:width}" >公告列表</div>
+  </template>
+  
+  <script>
+  
+  </script>