feat: 用户中心

src/lang/modules/enUS.ts

@@ -20,6 +20,9 @@ export default {
     ["third-menu-7"]: "third-menu-7",
     ["third-menu-8"]: "third-menu-8",
     ["third-menu-9"]: "third-menu-9",
+    ["personal-center"]: "personal center",
+    ["userinfo"]: "userinfo",
+    ["user-settings"]: "user settings",
     ["about-project"]: "about project",
     ["not-power"]: "No permission",
     ["not-found"]: "Page not found",

src/lang/modules/zhCN.ts

@@ -20,6 +20,9 @@ export default {
     ["third-menu-7"]: "三级菜单-7",
     ["third-menu-8"]: "三级菜单-8",
     ["third-menu-9"]: "三级菜单-9",
+    ["personal-center"]: "用户中心",
+    ["userinfo"]: "用户信息",
+    ["user-settings"]: "用户设置",
     ["about-project"]: "关于项目",
     ["not-power"]: "没有权限",
     ["not-found"]: "未找到页面",

src/router/route.ts

@@ -239,6 +239,54 @@ export const dynamicRoutes: RouteRecordRaw[] = [
           }
         ]
       },
+      {
+        path: "/personal-center",
+        name: "personal-center",
+        meta: {
+          title: "personal-center",
+          link: "",
+          hide: false,
+          keepAlive: true,
+          affix: false,
+          iframe: false,
+          roles: ["admin"],
+          svgIcon: "user"
+        },
+        children: [
+          {
+            path: "/personal-center/userinfo",
+            name: "userinfo",
+            component: () => import("@/views/personal-center/userinfo/userinfo.vue"),
+            meta: {
+              title: "userinfo",
+              link: "",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          },
+          {
+            path: "/personal-center/user-settings",
+            name: "user-settings",
+            component: () => import("@/views/personal-center/user-settings/user-settings.vue"),
+            meta: {
+              title: "user-settings",
+              link: "",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          }
+        ]
+      },
       {
         path: "/internationalization",
         name: "internationalization",

src/style/card-animation.scss

@@ -9,6 +9,8 @@
   }
 }
 
+// 卡片过渡动画
+// 根据遍历的卡片数量应用动画，卡片数量支持20个
 @for $i from 0 through 20 {
   .animated-fade-up-#{$i} {
     opacity: 0; // 初始透明度

src/style/media/layout.scss

@@ -1,5 +1,6 @@
 @import "./index.scss";
 
+// 处理首页数据图大小
 // 页面宽度 大于 0px 小于 992px;
 @media screen and (min-width: $xs) and (max-width: $lg) {
   .sell-histogram {

src/views/about-project/about-project.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>关于项目</div>
+  <div class="dc-page">关于项目</div>
 </template>
 
 <script setup lang="ts"></script>

src/views/internationalization/internationalization.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <a-date-picker style="width: 200px" />
     <a-pagination :total="50" show-total show-jumper show-page-size />
   </div>

src/views/multilevel-menu/second-menu/second-menu-1.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>二级-菜单 页面缓存</div>
     <a-input :style="{ width: '320px' }" placeholder="请输入内容测试页面缓存" allow-clear v-model="form" />
   </div>

src/views/multilevel-menu/third-menu/third-menu-1.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-01 页面缓存</div>
     <a-input :style="{ width: '320px' }" placeholder="请输入内容测试页面缓存" allow-clear v-model="form" />
   </div>

src/views/multilevel-menu/third-menu/third-menu-2.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-02 页面缓存</div>
     <a-input :style="{ width: '320px' }" placeholder="请输入内容测试页面缓存" allow-clear v-model="form" />
   </div>

src/views/multilevel-menu/third-menu/third-menu-3.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-03</div>
   </div>
 </template>

src/views/multilevel-menu/third-menu/third-menu-4.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-04</div>
   </div>
 </template>

src/views/multilevel-menu/third-menu/third-menu-5.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-05</div>
   </div>
 </template>

src/views/multilevel-menu/third-menu/third-menu-6.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-06</div>
   </div>
 </template>

src/views/multilevel-menu/third-menu/third-menu-7.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-07</div>
   </div>
 </template>

src/views/multilevel-menu/third-menu/third-menu-8.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-08</div>
   </div>
 </template>

src/views/multilevel-menu/third-menu/third-menu-9.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-09</div>
   </div>
 </template>

src/views/personal-center/user-settings/user-settings.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="dc-page">用户设置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>

src/views/personal-center/userinfo/userinfo.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="dc-page">个人中心</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>