新增消息通知页面

src/pages/user/notice/notice.vue

+<template>
+  <div class="notice_container">
+    <div class="apass_breadcrumb">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item :to="{ path: '/user' }">
+          个人中心
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>消息通知</el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+    <div class="main_container"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data: () => ({}),
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style scoped>
+.notice_container {
+  padding: 0 20px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  overflow: auto;
+}
+.main_container {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  padding: 0 20px 15px;
+  background-color: #fff;
+  border-radius: 10px;
+  margin-bottom: 40px;
+}
+</style>

src/router/index.js

@@ -268,6 +268,11 @@ export default new Router({
               name: "userInfo",
               component: () => import("@/pages/user/user_info"),
             },
+            {
+              path: "/user/notice", // 消息通知
+              name: "notice",
+              component: () => import("@/pages/user/notice/notice"),
+            },
             {
               path: "/user/order_list", // 订单管理页
               name: "orderList",