同步部分样式

src/components/Header.vue

@@ -21,10 +21,11 @@
 <!--      </el-submenu>-->
 <!--    </el-submenu>-->
     <el-menu-item index="guide" >赛事指南</el-menu-item>
-    <el-menu-item index="3" >通知公告</el-menu-item>
+    <el-menu-item index="notice" >通知公告</el-menu-item>
     <el-menu-item index="apply" >参赛报名</el-menu-item>
     <el-menu-item index="submit" >提案提交</el-menu-item>
     <el-menu-item index="chart" >数据统计</el-menu-item>
+    <el-menu-item index="rank" >排行榜</el-menu-item>
     <el-menu-item index="chat" >交流互动</el-menu-item>
     <el-menu-item index="contact" >联系我们</el-menu-item>
 <!--    <el-menu-item index="9">后台管理</el-menu-item>-->
@@ -51,6 +52,7 @@ export default {
     };
   },
   methods: {
+    // eslint-disable-next-line no-unused-vars
     handleSelect(key, keyPath) {
       switch (key){
         case "home":
@@ -80,9 +82,15 @@ export default {
         case "submitList":
           pageUtils.openPage(this.$router,"/submitList")
           break;
+        case "notice":
+          pageUtils.openPage(this.$router,"/notice")
+          break;
+        case "rank":
+          pageUtils.openPage(this.$router,"/rank")
+          break;
       }
-      console.log(key)
-      console.log(key, keyPath);
+      // console.log(key)
+      // console.log(key, keyPath);
     },
     backOsredm(){
       window.location.href='https://www.osredm.com'

src/pages/Admin/Setting.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>网站配置管理</div>
+  <div class="content">网站配置管理</div>
 </template>
 
 <script>

src/pages/Apply/Apply.vue

@@ -1,5 +1,5 @@
 <template>
-<div>
+<div class="content">
   参赛报名
 </div>
 </template>

src/pages/Chat.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content">
     交流互动
   </div>
 </template>

src/pages/ContactUs.vue

@@ -1,5 +1,5 @@
 <template>
-<div>联系我们</div>
+<div class="content">联系我们</div>
 </template>
 
 <script>

src/pages/Data/Chart.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content">
     数据统计
   </div>
 </template>

src/pages/Data/Rank.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content">
     排行榜
   </div>
 </template>

src/pages/Guide.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content">
     赛事指南
   </div>
 </template>

src/pages/Intro.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div>
+  <div class="content">
     赛事简介
   </div>
 </template>

src/pages/Manage/ApplyList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>报名列表</div>
+  <div class="content">报名列表</div>
 </template>
 
 <script>

src/pages/Manage/SubmitList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>作品列表</div>
+  <div class="content">作品列表</div>
 </template>
 
 <script>

src/pages/Notice.vue

@@ -0,0 +1,15 @@
+<template>
+<div class="content">通知公告</div>
+</template>
+
+<script>
+export default {
+  name: "Notice"
+}
+</script>
+
+<style scoped>
+
+</style>
+
+<style src="./../assets/css/common.css" scoped/>

src/pages/Submit/Submit.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>作品提交</div>
+  <div class="content">作品提交</div>
 </template>
 
 <script>

src/router/index.js

@@ -43,6 +43,15 @@ let routes = [
 					title: '红山开源社区'
 				},
 			},
+			{
+				// 通知公告
+				path: "/notice",
+				component: () => import("@/pages/Notice"),
+				meta: {
+					// 页面标题title
+					title: '红山开源社区'
+				},
+			},
 			{
 				// 赛事指南
 				path: "/guide",