diff --git a/src/pages/user/notice/notice.vue b/src/pages/user/notice/notice.vue
new file mode 100644
index 0000000000000000000000000000000000000000..23fbb983efefcb1f92892ff639db3d7f5244c1e7
--- /dev/null
+++ b/src/pages/user/notice/notice.vue
@@ -0,0 +1,45 @@
+<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>
diff --git a/src/router/index.js b/src/router/index.js
index e87e24dbb35c45ca933a9babbd02bf273e78989b..5087c717be70deaad38260fb986dc9f8019a2025 100644
--- a/src/router/index.js
+++ b/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",