user info

package.json

@@ -31,11 +31,11 @@
   },
   "devDependencies": {
     "@iconify/vue": "^4.1.1",
-    "@types/node": "^20.2.5",
+    "@types/node": "^20.3.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "cross-env": "^7.0.3",
-    "rollup-plugin-visualizer": "^5.9.0",
+    "rollup-plugin-visualizer": "^5.9.2",
-    "sass": "^1.62.1",
+    "sass": "^1.63.3",
     "typescript": "^5.1.3",
     "vite": "^4.3.9",
     "vite-plugin-mock": "^3.0.0",

src/router/modules/kungalgamer.ts

@@ -24,7 +24,16 @@ const kungalgamer: RouteRecordRaw[] = [
             path: 'info',
             component: () => import('@/views/kungalgamer/content/Info.vue'),
             meta: {
-              title: 'KUN | info',
+              title: 'KUN | Info',
+              permission: 'kun',
+            },
+          },
+          {
+            name: 'Settings',
+            path: 'settings',
+            component: () => import('@/views/kungalgamer/content/Settings.vue'),
+            meta: {
+              title: 'KUN | Settings',
               permission: 'kun',
             },
           },
@@ -33,7 +42,7 @@ const kungalgamer: RouteRecordRaw[] = [
             path: 'password',
             component: () => import('@/views/kungalgamer/content/Password.vue'),
             meta: {
-              title: 'KUN | password',
+              title: 'KUN | Password',
               permission: 'kun',
             },
           },
@@ -43,7 +52,7 @@ const kungalgamer: RouteRecordRaw[] = [
             path: 'topic',
             component: () => import('@/views/kungalgamer/content/Topic.vue'),
             meta: {
-              title: 'KUN | topic',
+              title: 'KUN | Topic',
               permission: 'kun',
             },
           },

src/views/Home/KUNGalgameMainPage.vue

@@ -18,8 +18,5 @@ import MainPageFooter from './footer/MainPageFooter.vue'
   height: 1500px;
   display: flex;
   flex-direction: column;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
 }
 </style>

src/views/kungalgamer/KUNGalgamer.vue

@@ -29,8 +29,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 .root {
   height: 100vh;
   width: 100vw;
-  min-width: 960px;
-  min-height: 800px;
   display: flex;
   flex-direction: column;
 }

src/views/kungalgamer/components/Avatar.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template></template>
+
+<style lang="scss" scoped></style>

src/views/kungalgamer/components/NavBar.vue

@@ -13,26 +13,31 @@ const navBar: nav[] = [
   },
   {
     index: 2,
+    name: '更改信息',
+    router: '/kungalgamer/kungalgamer/settings',
+  },
+  {
+    index: 3,
     name: '邮箱密码',
     router: '/kungalgamer/kungalgamer/password',
   },
   {
-    index: 3,
+    index: 4,
     name: '发过的帖',
     router: '/kungalgamer/kungalgamer/topic',
   },
   {
-    index: 4,
+    index: 5,
     name: '回过的贴',
     router: '/kungalgamer/kungalgamer/topic',
   },
   {
-    index: 5,
+    index: 6,
     name: '赞过的帖',
     router: '/kungalgamer/kungalgamer/topic',
   },
   {
-    index: 6,
+    index: 7,
     name: '推过的帖',
     router: '/kungalgamer/kungalgamer/topic',
   },

src/views/kungalgamer/content/Info.vue

@@ -33,11 +33,6 @@
           啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
           啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
         </div>
-        <!-- 更改签名 -->
-        <div class="change-btn">
-          <button>更改签名</button>
-          <button>确定更改</button>
-        </div>
       </ul>
     </div>
   </div>
@@ -77,25 +72,4 @@
   flex-direction: column;
   justify-content: space-between;
 }
-/* 更改签名 */
-.change-btn {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-}
-/* 用户更改签名的按钮 */
-.change-btn button {
-  height: 30px;
-  width: 49%;
-  border: 1px solid var(--kungalgame-blue-4);
-  background-color: var(--kungalgame-trans-blue-0);
-  cursor: pointer;
-  color: var(--kungalgame-font-color-3);
-}
-.change-btn button:hover {
-  background-color: var(--kungalgame-trans-blue-4);
-}
-.change-btn button:active {
-  background-color: var(--kungalgame-trans-blue-0);
-}
 </style>

src/views/kungalgamer/content/Settings.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import Avatar from '../components/Avatar.vue'
+</script>
+
+<template>
+  <div class="settings">
+    <Avatar />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

src/views/topic/content/master/TopicMaster.vue

@@ -66,9 +66,9 @@ import Floor from '../components/Floor.vue'
   /* TODO: */
   /* 楼主帖子背景图 */
   /*   background-image: url(../../img/bg-dark.png; */
-  background-repeat: no-repeat;
+  // background-repeat: no-repeat;
-  background-position: center;
+  // background-position: center;
-  background-size: cover;
+  // background-size: cover;
 }
 /* 楼主帖子内容区的容器 */
 .content-container {