aser

package.json

@@ -23,6 +23,7 @@
     "@ant-design/pro-layout": "^6.5.0",
     "ahooks": "^3.7.2",
     "color-thief-react": "^2.1.0",
+    "dayjs": "^1.11.6",
     "express": "^4.18.2",
     "express-http-proxy": "^1.6.3",
     "react": "17.x",

routes.ts

@@ -11,16 +11,17 @@ export default [
   {
     path: '/about',
     name: '关于南高',
+    component: '@/layouts/about',
     routes: [
       {
         path: '/about/insert',
         name: '走进南高',
-        component: '@/pages/index',
+        component: '@/pages/about/insert',
       },
       {
         path: '/about/honer',
         name: '南高荣誉',
-        component: '@/pages/index',
+        component: '@/pages/honer',
       },
       {
         path: '/about/join',

src/global.less

@@ -211,14 +211,14 @@ body,
 }
 @media (min-width: 1920px) {
   html {
-    font-size: 30px;
+    font-size: 28px;
   }
 }
 .ant-menu-title-content {
   font-size: 16px !important;
 }
 .section {
-  padding: 24px;
+  padding: 2rem;
   position: relative;
   .tabs {
     text-align: center;
@@ -258,6 +258,24 @@ body,
       min-height: 30px;
     }
   }
+  .ant-card-bordered {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+  }
+  .ant-card-cover {
+    flex: 1;
+  }
+  .ant-card-cover,
+  .ant-card-body {
+    width: 100%;
+    padding: 1rem !important;
+  }
+  .ant-card-body {
+    padding-top: 0 !important;
+  }
 }
 
 .slider {
@@ -328,6 +346,17 @@ body,