diff --git a/nginx.conf b/nginx.conf
index 2ca68bb..8525415 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -8,17 +8,18 @@ server {
 
 	server_name _;
 
-	#location /admin-service/ {
-		#proxy_pass http://admin-service:8080/;
-	#}
+    location /sweet-hut/ {
+        alias /usr/share/nginx/html/;
+        try_files $uri $uri/ /sweet-hut/index.html;
+    }
 
-	location /home-service/ {
-		proxy_pass http://home-service:8081/;
+	location /home-api/ {
+		proxy_pass http://host.docker.internal:8081/;
 	}
 
-	#location /blog-service/ {
-		#proxy_pass http://blog-service:8082/;
-	#}
+	location /blog-api/ {
+		proxy_pass http://host.docker.internal:8082/;
+	}
 
 	location / {
 		try_files $uri $uri/ =404;
diff --git a/src/App.vue b/src/App.vue
index a06e34a..b4fce8b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
 </template>
 
 <script setup lang="ts">
-import AppLoading from '@/components/AppLoading.vue'
+import AppLoading from '@/components/Common/AppLoading.vue'
 import { useAppStore } from '@/store/app.ts'
 import { useRouter } from 'vue-router'
 
diff --git a/src/apis/account.ts b/src/apis/account.ts
deleted file mode 100644
index 9084b77..0000000
--- a/src/apis/account.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { cloudService } from './index'
-import { IAccount } from '@/types/auth.ts'
-
-export const queryAccountApi = (): Promise<IAccount[]> =>
-  cloudService({
-    url: '/admin-service/account',
-    method: 'get'
-  })
-
-export const registerAccountApi = (account: IAccount): Promise<boolean> =>
-  cloudService({
-    url: '/admin-service/account',
-    method: 'post',
-    data: account
-  })
-
-export const deleteAccountApi = (id: number): Promise<boolean> =>
-  cloudService({
-    url: `/admin-service/account/${id}`,
-    method: 'delete'
-  })
-
-export const updateAccountPasswordApi = (id: number,
-  oldPassword: string, newPassword: string): Promise<boolean> =>
-  cloudService({
-    url: `/admin-service/account/password/${id}`,
-    method: 'put',
-    params: { oldPassword, newPassword }
-  })
diff --git a/src/apis/anniversary.ts b/src/apis/anniversary.ts
index 25631d3..14cda5a 100644
--- a/src/apis/anniversary.ts
+++ b/src/apis/anniversary.ts
@@ -4,33 +4,33 @@ import { IStatsChart } from 'vue3-common/types'
 
 export const addAnniversaryApi = (anniversary: IAnniversary): Promise<boolean> =>
   cloudService({
-    url: '/home-service/anniversary',
+    url: '/home-api/anniversary',
     method: 'post',
     data: anniversary
   })
 
 export const updateAnniversaryApi = (id: number, anniversary: IAnniversary): Promise<boolean> =>
   cloudService({
-    url: `/home-service/anniversary/${id}`,
+    url: `/home-api/anniversary/${id}`,
     method: 'put',
     data: anniversary
   })
 
 export const deleteAnniversaryApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/anniversary/${id}`,
+    url: `/home-api/anniversary/${id}`,
     method: 'delete'
   })
 
 export const queryAnniversaryApi = (category: string): Promise<IAnniversary[]> =>
   cloudService({
-    url: '/home-service/anniversary',
+    url: '/home-api/anniversary',
     method: 'get',
     params: { category }
   })
 
 export const queryAnniversaryCategoryApi = (): Promise<IStatsChart[]> =>
   cloudService({
-    url: '/home-service/anniversary/category',
+    url: '/home-api/anniversary/category',
     method: 'get'
   })
diff --git a/src/apis/asset.ts b/src/apis/asset.ts
index 2ae2bc8..7248b8f 100644
--- a/src/apis/asset.ts
+++ b/src/apis/asset.ts
@@ -3,33 +3,33 @@ import { IAssetRecord } from '@/types/asset'
 
 export const addAssetApi = (asset: IAssetRecord): Promise<boolean> =>
   cloudService({
-    url: '/home-service/asset',
+    url: '/home-api/asset',
     method: 'post',
     data: asset
   })
 
 export const updateAssetApi = (id: number, asset: IAssetRecord): Promise<boolean> =>
   cloudService({
-    url: `/home-service/asset/${id}`,
+    url: `/home-api/asset/${id}`,
     method: 'put',
     data: asset
   })
 
 export const deleteAssetApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/asset/${id}`,
+    url: `/home-api/asset/${id}`,
     method: 'delete'
   })
 
 export const queryAssetApi = (category: string): Promise<IAssetRecord[]> =>
   cloudService({
-    url: '/home-service/asset',
+    url: '/home-api/asset',
     method: 'get',
     params: { category }
   })
 
 export const queryAssetCategoryApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/asset/category',
+    url: '/home-api/asset/category',
     method: 'get'
   })
diff --git a/src/apis/bill.ts b/src/apis/bill.ts
index b05e53c..b75b0c4 100644
--- a/src/apis/bill.ts
+++ b/src/apis/bill.ts
@@ -4,106 +4,106 @@ import {
   IBillCategory,
   IBillPay,
   IBillQuery,
-  IBillRecord,
+  IBillRecord
 } from '@/types/bill'
 import { IStatsChart } from 'vue3-common/dist/types'
 
 export const addBillRecordApi = (billRecord: IBillRecord): Promise<boolean> =>
   cloudService({
-    url: '/home-service/bill',
+    url: '/home-api/bill',
     method: 'post',
     data: billRecord
   })
 
 export const updateBillRecordApi = (id: number, billRecord: IBillRecord): Promise<boolean> =>
   cloudService({
-    url: `/home-service/bill/${id}`,
+    url: `/home-api/bill/${id}`,
     method: 'put',
     data: billRecord
   })
 
 export const deleteBillRecordApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/bill/${id}`,
+    url: `/home-api/bill/${id}`,
     method: 'DELETE'
   })
 
 export const queryBillRecordApi = (id: number): Promise<IBillRecord> =>
   cloudService({
-    url: `/home-service/bill/${id}`,
+    url: `/home-api/bill/${id}`,
     method: 'get'
   })
 
 export const queryBillSummaryApi = (query: IBillQuery): Promise<IBillRecord[]> =>
   cloudService({
-    url: '/home-service/bill/summary',
+    url: '/home-api/bill/summary',
     method: 'get',
     params: query
   })
 
 export const queryBillStatsApi = (type: string, query: IBillQuery): Promise<IStatsChart[]> =>
   cloudService({
-    url: `/home-service/bill/stats/${type}`,
+    url: `/home-api/bill/stats/${type}`,
     method: 'get',
     params: query
   })
 
 export const queryBillPayApi = (): Promise<IBillPay[]> =>
   cloudService({
-    url: '/home-service/bill/pay',
+    url: '/home-api/bill/pay',
     method: 'get'
   })
 
 export const queryBillBookApi = (): Promise<IBillBook[]> =>
   cloudService({
-    url: '/home-service/bill/book',
+    url: '/home-api/bill/book',
     method: 'get'
   })
 
 export const queryBillCategoryApi = (): Promise<IBillCategory[]> =>
   cloudService({
-    url: '/home-service/bill/category',
+    url: '/home-api/bill/category',
     method: 'get'
   })
 
 export const addBillPayApi = (billPay: IBillPay): Promise<boolean> =>
   cloudService({
-    url: '/home-service/bill-manage/pay',
+    url: '/home-api/bill-manage/pay',
     method: 'post',
     data: billPay
   })
 
 export const updateBillPayApi = (id: number, billPay: IBillPay): Promise<boolean> =>
   cloudService({
-    url: `/home-service/bill-manage/pay/${id}`,
+    url: `/home-api/bill-manage/pay/${id}`,
     method: 'put',
     data: billPay
   })
 
 export const addBillBookApi = (billBook: IBillBook): Promise<boolean> =>
   cloudService({
-    url: '/home-service/bill-manage/book',
+    url: '/home-api/bill-manage/book',
     method: 'post',
     data: billBook
   })
 
 export const updateBillBookApi = (id: number, billBook: IBillBook): Promise<boolean> =>
   cloudService({
-    url: `/home-service/bill-manage/book/${id}`,
+    url: `/home-api/bill-manage/book/${id}`,
     method: 'put',
     data: billBook
   })
 
 export const addBillCategoryApi = (billCategory: IBillCategory): Promise<boolean> =>
   cloudService({
-    url: '/home-service/bill-manage/category',
+    url: '/home-api/bill-manage/category',
     method: 'post',
     data: billCategory
   })
 
 export const updateBillCategoryApi = (id: number, billCategory: IBillCategory): Promise<boolean> =>
   cloudService({
-    url: `/home-service/bill-manage/category/${id}`,
+    url: `/home-api/bill-manage/category/${id}`,
     method: 'put',
     data: billCategory
   })
diff --git a/src/apis/blog.ts b/src/apis/blog.ts
index 262900b..fd85674 100644
--- a/src/apis/blog.ts
+++ b/src/apis/blog.ts
@@ -1,19 +1,19 @@
 import { cloudService } from './index'
-import { IBlog, IBlogCategory, IBlogComment, IBlogStats, IBlogVisit, INewBlog, IQueryBlog } from '@/types/blog'
+import { IBlog, IBlogCategory, IBlogComment, IBlogStats, INewBlog, IQueryBlog } from '@/types/blog'
 
 import qs from 'qs'
 import { IPageRecord } from '@/types'
 
-export const queryBlogApi = (currentPage: number, pageSize: number): Promise<any> =>
+export const queryBlogApi = (currentPage: number, pageSize: number): Promise<IPageRecord<IBlog>> =>
   cloudService({
-    url: '/blog-service/blog/page',
+    url: '/blog-api/blog/page',
     method: 'get',
     params: { currentPage, pageSize }
   })
 
 export const queryBlogByConditionApi = (query: IQueryBlog): Promise<IBlog[]> =>
   cloudService({
-    url: '/blog-service/blog/condition',
+    url: '/blog-api/blog/condition',
     method: 'get',
     params: query,
     paramsSerializer: (params) => {
@@ -23,85 +23,57 @@ export const queryBlogByConditionApi = (query: IQueryBlog): Promise<IBlog[]> =>
 
 export const queryBlogByIdApi = (id: number): Promise<IBlog> =>
   cloudService({
-    url: `/blog-service/blog/content/${id}`,
+    url: `/blog-api/blog/content/${id}`,
     method: 'get'
   })
 
 export const queryBlogCategoryApi = (): Promise<IBlogCategory[]> =>
   cloudService({
-    url: '/blog-service/blog/category',
+    url: '/blog-api/blog/category',
     method: 'get'
   })
 
 export const queryBlogStatsApi = (): Promise<IBlogStats> =>
   cloudService({
-    url: '/blog-service/blog/stats',
+    url: '/blog-api/blog/stats',
     method: 'get'
   })
 
 export const queryLatestBlogApi = (): Promise<IBlog[]> =>
   cloudService({
-    url: '/blog-service/blog/latest',
+    url: '/blog-api/blog/latest',
     method: 'get'
   })
 
 export const queryBlogCommentApi = (blogId: number): Promise<IBlogComment[]> =>
   cloudService({
-    url: `/blog-service/blog/comment/${blogId}`,
+    url: `/blog-api/blog/comment/${blogId}`,
     method: 'get'
   })
 
 export const addBlogCommentApi = (blogComment: IBlogComment): Promise<boolean> =>
   cloudService({
-    url: '/blog-service/blog/comment',
+    url: '/blog-api/blog/comment',
     method: 'put',
     data: blogComment
   })
 
-export const queryAdminBlogApi = (currentPage: number,
-  pageSize: number): Promise<IPageRecord<IBlog>> =>
-  cloudService({
-    url: '/admin-service/blog-manage/page',
-    method: 'get',
-    params: { currentPage, pageSize }
-  })
-
-export const queryAdminBlogByIdApi = (id: number): Promise<IBlog> =>
-  cloudService({
-    url: `/admin-service/blog-manage/content/${id}`,
-    method: 'get'
-  })
-
-export const queryAdminBlogCategoryApi = (): Promise<IBlogCategory[]> =>
-  cloudService({
-    url: '/admin-service/blog-manage/category',
-    method: 'get'
-  })
-
 export const addBlogApi = (blog: INewBlog): Promise<boolean> =>
   cloudService({
-    url: '/admin-service/blog-manage',
+    url: '/admin-api/blog-manage',
     method: 'post',
     data: blog
   })
 
 export const updateBlogApi = (id: number, blog: INewBlog): Promise<boolean> =>
   cloudService({
-    url: `/admin-service/blog-manage/${id}`,
+    url: `/admin-api/blog-manage/${id}`,
     method: 'put',
     data: blog
   })
 
 export const deleteBlogApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/admin-service/blog-manage/${id}`,
+    url: `/admin-api/blog-manage/${id}`,
     method: 'DELETE'
   })
-
-export const queryBlogVisitApi = (currentPage: number,
-  pageSize: number): Promise<IPageRecord<IBlogVisit>> =>
-  cloudService({
-    url: '/admin-service/blog-manage/visit',
-    method: 'get',
-    params: { currentPage, pageSize }
-  })
diff --git a/src/apis/budget.ts b/src/apis/budget.ts
index 3bb2c83..800294f 100644
--- a/src/apis/budget.ts
+++ b/src/apis/budget.ts
@@ -3,47 +3,47 @@ import { IBudgetInfo } from '@/types/budget'
 
 export const addBudgetApi = (budget: IBudgetInfo): Promise<any> =>
   cloudService({
-    url: '/home-service/budget',
+    url: '/home-api/budget',
     method: 'post',
     data: budget
   })
 
 export const updateBudgetApi = (id: number, budget: IBudgetInfo): Promise<any> =>
   cloudService({
-    url: `/home-service/budget/${id}`,
+    url: `/home-api/budget/${id}`,
     method: 'put',
     data: budget
   })
 
 export const deleteBudgetApi = (id: number): Promise<any> =>
   cloudService({
-    url: `/home-service/budget/${id}`,
+    url: `/home-api/budget/${id}`,
     method: 'DELETE'
   })
 
 export const queryBudgetApi = (category: string): Promise<any> =>
   cloudService({
-    url: '/home-service/budget',
+    url: '/home-api/budget',
     method: 'get',
     params: { category }
   })
 
 export const queryBudgetCategory = (): Promise<any> =>
   cloudService({
-    url: '/home-service/budget/category',
+    url: '/home-api/budget/category',
     method: 'get'
   })
 
 export const queryBudgetRankStats = (category: string): Promise<any> =>
   cloudService({
-    url: '/home-service/budget/stats/rank',
+    url: '/home-api/budget/stats/rank',
     method: 'get',
     params: { category }
   })
 
 export const queryBudgetProjectStats = (category: string): Promise<any> =>
   cloudService({
-    url: '/home-service/budget/stats/project',
+    url: '/home-api/budget/stats/project',
     method: 'get',
     params: { category }
   })
diff --git a/src/apis/file.ts b/src/apis/file.ts
index f84ffbb..0d2c5e7 100644
--- a/src/apis/file.ts
+++ b/src/apis/file.ts
@@ -3,7 +3,7 @@ import { IFileInfo } from '@/types/file'
 
 export const uploadFileApi = (form: FormData, path: string, md5: string): Promise<any> =>
   cloudService({
-    url: '/home-service/file',
+    url: '/home-api/file',
     headers: {
       'Content-Type': 'multipart/form-data'
     },
@@ -12,38 +12,9 @@ export const uploadFileApi = (form: FormData, path: string, md5: string): Promis
     data: form
   })
 
-/**
- * 上传图片到Hello图床
- * @param form 表单
- * @param token token
- */
-export const uploadHelloImageApi = (form: FormData, token: string): Promise<any> =>
-  cloudService({
-    url: '/hello-service/upload',
-    headers: {
-      Authorization: token,
-      'Content-Type': 'multipart/form-data'
-    },
-    method: 'post',
-    data: form
-  })
-
-/**
- * 获取Hello图床相册
- * @param token token
- */
-export const getHelloAlbumsApi = (token: string): Promise<any> =>
-  cloudService({
-    url: '/hello-service/albums',
-    headers: {
-      Authorization: token
-    },
-    method: 'get'
-  })
-
 export const getFolderInfoApi = (folderName: string): Promise<IFileInfo[]> =>
   cloudService({
-    url: '/home-service/file/catalog',
+    url: '/home-api/file/catalog',
     method: 'get',
     params: { folderName }
   })
diff --git a/src/apis/food.ts b/src/apis/food.ts
index 6e80521..b3cf37f 100644
--- a/src/apis/food.ts
+++ b/src/apis/food.ts
@@ -3,79 +3,79 @@ import { IFoodQuery, IFoodRecipe, IFoodRecord, IFoodStats } from '@/types/food'
 
 export const addFoodRecipeApi = (foodRecipe: IFoodRecipe): Promise<boolean> =>
   cloudService({
-    url: '/home-service/food/recipe',
+    url: '/home-api/food/recipe',
     method: 'post',
     data: foodRecipe
   })
 
 export const updateFoodRecipeApi = (id: number, foodRecipe: IFoodRecipe): Promise<boolean> =>
   cloudService({
-    url: `/home-service/food/recipe/${id}`,
+    url: `/home-api/food/recipe/${id}`,
     method: 'put',
     data: foodRecipe
   })
 
 export const deleteFoodRecipeApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/food/recipe/${id}`,
+    url: `/home-api/food/recipe/${id}`,
     method: 'DELETE'
   })
 
 export const queryFoodRecipeByIdApi = (id: number): Promise<any> =>
   cloudService({
-    url: `/home-service/food/recipe/${id}`,
+    url: `/home-api/food/recipe/${id}`,
     method: 'get'
   })
 
 export const queryFoodRecipeApi = (currentPage: number, pageSize: number,
   query: IFoodQuery): Promise<any> =>
   cloudService({
-    url: '/home-service/food/recipe/page',
+    url: '/home-api/food/recipe/page',
     method: 'get',
     params: { currentPage, pageSize, ...query }
   })
 
 export const queryFoodNameListApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/food/recipe/name',
+    url: '/home-api/food/recipe/name',
     method: 'get'
   })
 
 export const addFoodRecordApi = (foodRecord: IFoodRecord): Promise<boolean> =>
   cloudService({
-    url: '/home-service/food/record',
+    url: '/home-api/food/record',
     method: 'post',
     data: foodRecord
   })
 
 export const updateFoodRecordApi = (id: number, foodRecord: IFoodRecord): Promise<boolean> =>
   cloudService({
-    url: `/home-service/food/record/${id}`,
+    url: `/home-api/food/record/${id}`,
     method: 'put',
     data: foodRecord
   })
 
 export const deleteFoodRecordApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/food/record/${id}`,
+    url: `/home-api/food/record/${id}`,
     method: 'DELETE'
   })
 
 export const queryFoodRecordApi = (startDate: string, endDate: string): Promise<IFoodRecord[]> =>
   cloudService({
-    url: '/home-service/food/record',
+    url: '/home-api/food/record',
     method: 'get',
     params: { startDate, endDate }
   })
 
 export const queryFoodCategoryApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/food/category',
+    url: '/home-api/food/category',
     method: 'get'
   })
 
 export const queryFoodStatsApi = (): Promise<IFoodStats> =>
   cloudService({
-    url: '/home-service/food/stats',
+    url: '/home-api/food/stats',
     method: 'get'
   })
diff --git a/src/apis/journal.ts b/src/apis/journal.ts
index 5e57897..7e01954 100644
--- a/src/apis/journal.ts
+++ b/src/apis/journal.ts
@@ -4,33 +4,33 @@ import { IJournal, IJournalQuery } from '@/types/journal.ts'
 
 export const addJournalApi = (journal: IJournal): Promise<boolean> =>
   cloudService({
-    url: '/home-service/journal',
+    url: '/home-api/journal',
     method: 'post',
     data: journal
   })
 
 export const updateJournalApi = (id: number, journal: IJournal): Promise<boolean> =>
   cloudService({
-    url: `/home-service/journal/${id}`,
+    url: `/home-api/journal/${id}`,
     method: 'put',
     data: journal
   })
 
 export const deleteJournalApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/journal/${id}`,
+    url: `/home-api/journal/${id}`,
     method: 'delete'
   })
 
 export const queryJournalApi = (query: IJournalQuery): Promise<IJournal[]> =>
   cloudService({
-    url: '/home-service/journal',
+    url: '/home-api/journal',
     method: 'get',
     params: { ...query }
   })
 
 export const queryJournalCategoryApi = (): Promise<IStatsChart[]> =>
   cloudService({
-    url: '/home-service/journal/category',
+    url: '/home-api/journal/category',
     method: 'get'
   })
diff --git a/src/apis/kpi.ts b/src/apis/kpi.ts
index ca79083..3270f38 100644
--- a/src/apis/kpi.ts
+++ b/src/apis/kpi.ts
@@ -3,27 +3,27 @@ import { IKpi, IKpiQuery } from '@/types/kpi'
 
 export const addKpiApi = (kpi: IKpi): Promise<boolean> =>
   cloudService({
-    url: '/home-service/kpi',
+    url: '/home-api/kpi',
     method: 'post',
     data: kpi
   })
 
 export const updateKpiApi = (id: number, kpi: IKpi): Promise<boolean> =>
   cloudService({
-    url: `/home-service/kpi/${id}`,
+    url: `/home-api/kpi/${id}`,
     method: 'put',
     data: kpi
   })
 
 export const deleteKpiApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/kpi/${id}`,
+    url: `/home-api/kpi/${id}`,
     method: 'delete'
   })
 
 export const queryKpiApi = (query: IKpiQuery): Promise<IKpi[]> =>
   cloudService({
-    url: '/home-service/kpi',
+    url: '/home-api/kpi',
     method: 'get',
     params: { ...query }
   })
diff --git a/src/apis/ledger.ts b/src/apis/ledger.ts
index 3e4a1d4..144babd 100644
--- a/src/apis/ledger.ts
+++ b/src/apis/ledger.ts
@@ -3,33 +3,33 @@ import { ILedgerRecord } from '@/types/ledger'
 
 export const addLedgerApi = (ledger: ILedgerRecord): Promise<boolean> =>
   cloudService({
-    url: '/home-service/ledger',
+    url: '/home-api/ledger',
     method: 'post',
     data: ledger
   })
 
 export const updateLedgerApi = (id: number, ledger: ILedgerRecord): Promise<boolean> =>
   cloudService({
-    url: `/home-service/ledger/${id}`,
+    url: `/home-api/ledger/${id}`,
     method: 'put',
     data: ledger
   })
 
 export const deleteLedgerApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/ledger/${id}`,
+    url: `/home-api/ledger/${id}`,
     method: 'delete'
   })
 
 export const queryLedgerApi = (book: string): Promise<ILedgerRecord[]> =>
   cloudService({
-    url: '/home-service/ledger',
+    url: '/home-api/ledger',
     method: 'get',
     params: { book }
   })
 
 export const queryLedgerBookApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/ledger/book',
+    url: '/home-api/ledger/book',
     method: 'get'
   })
diff --git a/src/apis/password.ts b/src/apis/password.ts
index 30f6842..e57df3f 100644
--- a/src/apis/password.ts
+++ b/src/apis/password.ts
@@ -3,33 +3,33 @@ import { IPassword, IQueryPassword } from '@/types/password'
 
 export const addPasswordApi = (password: IPassword): Promise<boolean> =>
   cloudService({
-    url: '/home-service/password',
+    url: '/home-api/password',
     method: 'post',
     data: password
   })
 
 export const updatePasswordApi = (id: number, password: IPassword): Promise<boolean> =>
   cloudService({
-    url: `/home-service/password/${id}`,
+    url: `/home-api/password/${id}`,
     method: 'put',
     data: password
   })
 
 export const deletePasswordApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/password/${id}`,
+    url: `/home-api/password/${id}`,
     method: 'delete'
   })
 
 export const queryPasswordApi = (query: IQueryPassword): Promise<IPassword[]> =>
   cloudService({
-    url: '/home-service/password',
+    url: '/home-api/password',
     method: 'get',
     params: query
   })
 
 export const queryPasswordCategoryApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/password/category',
+    url: '/home-api/password/category',
     method: 'get'
   })
diff --git a/src/apis/period.ts b/src/apis/period.ts
index 8ea8c4b..19be2ff 100644
--- a/src/apis/period.ts
+++ b/src/apis/period.ts
@@ -4,34 +4,34 @@ import { IPeriodDay, IPeriodSetting } from '@/types/period.ts'
 
 export const updatePeriodDayApi = (id: number, periodDay: IPeriodDay): Promise<boolean> =>
   cloudService({
-    url: `/home-service/period/day/${id}`,
+    url: `/home-api/period/day/${id}`,
     method: 'put',
     data: periodDay
   })
 
 export const queryPeriodDayApi = (month: string): Promise<IPeriodDay[]> =>
   cloudService({
-    url: '/home-service/period/day',
+    url: '/home-api/period/day',
     method: 'get',
     params: { month }
   })
 
 export const getMenstruateFirstDateApi = (month: string): Promise<string> =>
   cloudService({
-    url: '/home-service/period/menstruate',
+    url: '/home-api/period/menstruate',
     method: 'get',
     params: { month }
   })
 
 export const updatePeriodSettingApi = (id: number, setting: IPeriodSetting): Promise<boolean> =>
   cloudService({
-    url: `/home-service/period/setting/${id}`,
+    url: `/home-api/period/setting/${id}`,
     method: 'put',
     data: setting
   })
 
 export const queryPeriodSettingApi = (): Promise<IPeriodSetting> =>
   cloudService({
-    url: '/home-service/period/setting',
+    url: '/home-api/period/setting',
     method: 'get'
   })
diff --git a/src/apis/plan.ts b/src/apis/plan.ts
index 69d6df8..fca2819 100644
--- a/src/apis/plan.ts
+++ b/src/apis/plan.ts
@@ -3,40 +3,40 @@ import { IPlanInfo, IPlanQuery } from '@/types/plan.ts'
 
 export const addPlanApi = (plan: IPlanInfo): Promise<any> =>
   cloudService({
-    url: '/home-service/plan',
+    url: '/home-api/plan',
     method: 'post',
     data: plan
   })
 
 export const updatePlanApi = (id: number, plan: IPlanInfo): Promise<any> =>
   cloudService({
-    url: `/home-service/plan/${id}`,
+    url: `/home-api/plan/${id}`,
     method: 'put',
     data: plan
   })
 
 export const setPlanStatusApi = (id: number, status: boolean): Promise<any> =>
   cloudService({
-    url: `/home-service/plan/${id}/status`,
+    url: `/home-api/plan/${id}/status`,
     method: 'put',
     params: { status }
   })
 
 export const deletePlanApi = (id: number): Promise<any> =>
   cloudService({
-    url: `/home-service/plan/${id}`,
+    url: `/home-api/plan/${id}`,
     method: 'delete'
   })
 
 export const queryPlanApi = (query: IPlanQuery): Promise<any> =>
   cloudService({
-    url: '/home-service/plan',
+    url: '/home-api/plan',
     method: 'get',
     params: query
   })
 
 export const queryPlanStatsApi = (): Promise<any> =>
   cloudService({
-    url: '/home-service/plan/stats',
+    url: '/home-api/plan/stats',
     method: 'get'
   })
diff --git a/src/apis/product.ts b/src/apis/product.ts
index 1979f7e..28eccf0 100644
--- a/src/apis/product.ts
+++ b/src/apis/product.ts
@@ -3,39 +3,39 @@ import { IProduct, IQueryProduct } from '@/types/product.ts'
 
 export const addProductApi = (product: IProduct): Promise<boolean> =>
   cloudService({
-    url: '/home-service/product',
+    url: '/home-api/product',
     method: 'post',
     data: product
   })
 
 export const updateProductApi = (id: number, product: IProduct): Promise<boolean> =>
   cloudService({
-    url: `/home-service/product/${id}`,
+    url: `/home-api/product/${id}`,
     method: 'put',
     data: product
   })
 
 export const deleteProductApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/product/${id}`,
+    url: `/home-api/product/${id}`,
     method: 'delete'
   })
 
 export const queryProductApi = (id: number): Promise<IProduct> =>
   cloudService({
-    url: `/home-service/product/${id}`,
+    url: `/home-api/product/${id}`,
     method: 'get'
   })
 
 export const queryProductListApi = (query: IQueryProduct): Promise<IProduct[]> =>
   cloudService({
-    url: '/home-service/product',
+    url: '/home-api/product',
     method: 'get',
     params: query
   })
 
 export const queryProductCategoryApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/product/category',
+    url: '/home-api/product/category',
     method: 'get'
   })
diff --git a/src/apis/quartz.ts b/src/apis/quartz.ts
index 8199077..3c0b9d0 100644
--- a/src/apis/quartz.ts
+++ b/src/apis/quartz.ts
@@ -3,6 +3,6 @@ import { IQuartzInfo } from '@/types/quartz'
 
 export const queryQuartzApi = (): Promise<IQuartzInfo[]> =>
   cloudService({
-    url: '/home-service/quartz',
+    url: '/home-api/quartz',
     method: 'get'
   })
diff --git a/src/apis/session.ts b/src/apis/session.ts
index f2b6c60..cbd6d7b 100644
--- a/src/apis/session.ts
+++ b/src/apis/session.ts
@@ -3,14 +3,14 @@ import { ISession } from '@/types/auth'
 
 export const loginHomeApi = (name: string, password: string): Promise<ISession> =>
   cloudService({
-    url: '/home-service/session',
+    url: '/home-api/session',
     method: 'post',
     params: { name, password }
   })
 
 export const loginAdminApi = (name: string, password: string): Promise<ISession> =>
   cloudService({
-    url: '/admin-service/session',
+    url: '/admin-api/session',
     method: 'post',
     params: { name, password }
   })
diff --git a/src/apis/travel.ts b/src/apis/travel.ts
index d2d1a5b..bbaf307 100644
--- a/src/apis/travel.ts
+++ b/src/apis/travel.ts
@@ -3,80 +3,80 @@ import { ITravelQuery, ITravelRecord, ITravelSpot, ITravelStats } from '@/types/
 
 export const addTravelSpotApi = (travelSpot: ITravelSpot): Promise<boolean> =>
   cloudService({
-    url: '/home-service/travel/spot',
+    url: '/home-api/travel/spot',
     method: 'post',
     data: travelSpot
   })
 
 export const updateTravelSpotApi = (id: number, travelSpot: ITravelSpot): Promise<boolean> =>
   cloudService({
-    url: `/home-service/travel/spot/${id}`,
+    url: `/home-api/travel/spot/${id}`,
     method: 'put',
     data: travelSpot
   })
 
 export const deleteTravelSpotApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/travel/spot/${id}`,
+    url: `/home-api/travel/spot/${id}`,
     method: 'DELETE'
   })
 
 export const queryTravelSpotApi = (id: number): Promise<ITravelSpot> =>
   cloudService({
-    url: `/home-service/travel/spot/${id}`,
+    url: `/home-api/travel/spot/${id}`,
     method: 'get'
   })
 
 export const queryTravelSpotListApi = (currentPage: number, pageSize: number,
   query: ITravelQuery): Promise<any> =>
   cloudService({
-    url: '/home-service/travel/spot/page',
+    url: '/home-api/travel/spot/page',
     method: 'get',
     params: { currentPage, pageSize, ...query }
   })
 
 export const queryTravelSpotNameListApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/travel/spot/name',
+    url: '/home-api/travel/spot/name',
     method: 'get'
   })
 
 export const addTravelRecordApi = (travelRecord: ITravelRecord): Promise<boolean> =>
   cloudService({
-    url: '/home-service/travel/record',
+    url: '/home-api/travel/record',
     method: 'post',
     data: travelRecord
   })
 
 export const updateTravelRecordApi = (id: number, travelRecord: ITravelRecord): Promise<boolean> =>
   cloudService({
-    url: `/home-service/travel/record/${id}`,
+    url: `/home-api/travel/record/${id}`,
     method: 'put',
     data: travelRecord
   })
 
 export const deleteTravelRecordApi = (id: number): Promise<boolean> =>
   cloudService({
-    url: `/home-service/travel/record/${id}`,
+    url: `/home-api/travel/record/${id}`,
     method: 'DELETE'
   })
 
 export const queryTravelRecordApi = (startDate: string, endDate: string):
 Promise<ITravelRecord[]> =>
   cloudService({
-    url: '/home-service/travel/record',
+    url: '/home-api/travel/record',
     method: 'get',
     params: { startDate, endDate }
   })
 
 export const queryTravelCategoryApi = (): Promise<string[]> =>
   cloudService({
-    url: '/home-service/travel/category',
+    url: '/home-api/travel/category',
     method: 'get'
   })
 
 export const queryTravelStatsApi = (): Promise<ITravelStats> =>
   cloudService({
-    url: '/home-service/travel/stats',
+    url: '/home-api/travel/stats',
     method: 'get'
   })
diff --git a/src/apis/travelRecord.ts b/src/apis/travelRecord.ts
deleted file mode 100644
index 080462a..0000000
--- a/src/apis/travelRecord.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { cloudService } from './index'
-
-export const getAllTravelRecord = (): any =>
-  cloudService({
-    url: '/travelRecord/getAllTravelRecord',
-    method: 'get'
-  })
-
-export const getAllTravelRecordByPage = (currentPage: number, pageSize: number): any =>
-  cloudService({
-    url: '/travelRecord/getAllTravelRecordByPage',
-    method: 'get',
-    params: { currentPage, pageSize }
-  })
-
-export const addTravelRecord = (travelJournal): any =>
-  cloudService({
-    url: '/travelRecord/addTravelRecord',
-    method: 'post',
-    data: travelJournal
-  })
-
-export const addTravelRecordImage = (imageList, date, place): any =>
-  cloudService({
-    url: '/travelRecord/addTravelRecordImage',
-    method: 'post',
-    headers: { 'Content-Type': 'multipart/form-data' },
-    params: { date, place },
-    data: imageList
-  })
-
diff --git a/src/apis/user.ts b/src/apis/user.ts
index 8aa4ddf..6fd4283 100644
--- a/src/apis/user.ts
+++ b/src/apis/user.ts
@@ -3,13 +3,13 @@ import { IUser } from '@/types/auth.ts'
 
 export const queryUserApi = (id: number): Promise<IUser> =>
   cloudService({
-    url: `/home-service/user/${id}`,
+    url: `/home-api/user/${id}`,
     method: 'get'
   })
 
 export const updateUserApi = (id: number, user: IUser): Promise<boolean> =>
   cloudService({
-    url: `/home-service/user/${id}`,
+    url: `/home-api/user/${id}`,
     method: 'put',
     data: user
   })
diff --git a/src/assets/font/custom.ttf b/src/assets/font/custom.ttf
deleted file mode 100644
index 2ca97e8..0000000
Binary files a/src/assets/font/custom.ttf and /dev/null differ
diff --git a/src/assets/font/custom.woff2 b/src/assets/font/custom.woff2
new file mode 100644
index 0000000..cca851d
Binary files /dev/null and b/src/assets/font/custom.woff2 differ
diff --git a/src/components/Home/Anniversary/AnniversaryCard.vue b/src/components/Anniversary/AnniversaryCard.vue
similarity index 96%
rename from src/components/Home/Anniversary/AnniversaryCard.vue
rename to src/components/Anniversary/AnniversaryCard.vue
index f42268c..6cd0167 100644
--- a/src/components/Home/Anniversary/AnniversaryCard.vue
+++ b/src/components/Anniversary/AnniversaryCard.vue
@@ -29,7 +29,7 @@ import { defineProps, PropType } from 'vue'
 import { useRouter } from 'vue-router'
 import { useAnniversaryStore } from '@/store/anniversary.ts'
 import { IAnniversary } from '@/types/anniversary.ts'
-import { getAnniversaryRemainDays } from '@/utils/home/anniversaryUtil'
+import { getAnniversaryRemainDays } from '@/utils/home/anniversaryUtil.ts'
 
 const router = useRouter()
 const anniversaryStore = useAnniversaryStore()
@@ -47,7 +47,7 @@ const selectDateCardClick = async () => {
   if (props.dateItem?.category !== '节假日') {
     anniversaryStore.currentAnniversary = props.dateItem as IAnniversary
     const { id } = anniversaryStore.currentAnniversary
-    await router.push({ name: 'MobileHomeAnniversaryDetailId', params: { id } })
+    await router.push({ name: 'AnniversaryDetailId', params: { id } })
   }
 }
 </script>
diff --git a/src/components/Home/Anniversary/AnniversaryQuery.vue b/src/components/Anniversary/AnniversaryQuery.vue
similarity index 100%
rename from src/components/Home/Anniversary/AnniversaryQuery.vue
rename to src/components/Anniversary/AnniversaryQuery.vue
diff --git a/src/components/Home/Anniversary/CategoryCard.vue b/src/components/Anniversary/CategoryCard.vue
similarity index 87%
rename from src/components/Home/Anniversary/CategoryCard.vue
rename to src/components/Anniversary/CategoryCard.vue
index ab126e9..df34af3 100644
--- a/src/components/Home/Anniversary/CategoryCard.vue
+++ b/src/components/Anniversary/CategoryCard.vue
@@ -9,8 +9,8 @@
 
 <script setup lang="ts">
 import { defineProps, PropType } from 'vue'
-import { IAnniversaryCategory } from '@/types/anniversary'
-import { useAnniversaryStore } from '@/store/anniversary'
+import { IAnniversaryCategory } from '@/types/anniversary.ts'
+import { useAnniversaryStore } from '@/store/anniversary.ts'
 import { useRouter } from 'vue-router'
 
 const props = defineProps({
@@ -29,7 +29,7 @@ const anniversaryStore = useAnniversaryStore()
 
 const selectCategoryClick = () => {
   anniversaryStore.queryInfo.category = props.categoryItem?.name as string
-  router.push({ name: 'MobileHomeAnniversaryList' })
+  router.push({ name: 'AnniversaryList' })
 }
 </script>
 
diff --git a/src/components/Home/Asset/AssetCard.vue b/src/components/Asset/AssetCard.vue
similarity index 84%
rename from src/components/Home/Asset/AssetCard.vue
rename to src/components/Asset/AssetCard.vue
index 1ac50a1..cd9ce3b 100644
--- a/src/components/Home/Asset/AssetCard.vue
+++ b/src/components/Asset/AssetCard.vue
@@ -33,11 +33,9 @@
 <script setup lang="ts">
 import { SvgIcon } from 'vue3-common'
 import { defineProps, PropType } from 'vue'
-import { IAsset, IAssetItem } from '@/types/asset'
+import { IAsset, IAssetItem } from '@/types/asset.ts'
 import { formatAmount } from 'vue3-common/utils/numberUtil'
-import { isMobile } from 'vue3-common/utils/layoutUtil'
-import { deepCopyObject } from 'vue3-common/utils/dataUtil'
-import { useAssetStore } from '@/store/asset'
+import { useAssetStore } from '@/store/asset.ts'
 import { useRouter } from 'vue-router'
 
 const props = defineProps({
@@ -62,15 +60,7 @@ const editClick = async (asset: IAssetItem) => {
   assetStore.assetApiType = 'UPDATE'
   assetStore.currentAssetRecord = assetStore.assetRecordList.find((item) => item.id === asset.id)
 
-  if (isMobile()) {
-    await router.push({ name: 'MobileHomeAssetDetailId', params: { id: asset.id } })
-  } else {
-    assetStore.assetDialog = {
-      title: '编辑资产',
-      visible: true,
-      data: deepCopyObject(assetStore.currentAssetRecord)
-    }
-  }
+  await router.push({ name: 'AssetDetailId', params: { id: asset.id } })
 }
 </script>
 
diff --git a/src/components/Home/Asset/AssetQuery.vue b/src/components/Asset/AssetQuery.vue
similarity index 100%
rename from src/components/Home/Asset/AssetQuery.vue
rename to src/components/Asset/AssetQuery.vue
diff --git a/src/components/Home/Bill/BillBook.vue b/src/components/Bill/BillBook.vue
similarity index 95%
rename from src/components/Home/Bill/BillBook.vue
rename to src/components/Bill/BillBook.vue
index dd85af5..081ea55 100644
--- a/src/components/Home/Bill/BillBook.vue
+++ b/src/components/Bill/BillBook.vue
@@ -62,13 +62,13 @@
 
 <script lang="ts" setup>
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import { useBillStore } from '@/store/bill'
+import { useBillStore } from '@/store/bill.ts'
 import { ElMessage, FormRules } from 'element-plus'
-import { IBillBook } from '@/types/bill'
-import { billBookRules } from '@/utils/element/elRules'
+import { IBillBook } from '@/types/bill.ts'
+import { billBookRules } from '@/utils/element/elRules.ts'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import type { IDialog, IHandleApi } from 'vue3-common/types'
-import { addBillBookApi, updateBillBookApi } from '@/apis/bill'
+import { addBillBookApi, updateBillBookApi } from '@/apis/bill.ts'
 import { tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
 
 const formRef = ref()
diff --git a/src/components/Home/Bill/BillCalendar.vue b/src/components/Bill/BillCalendar.vue
similarity index 95%
rename from src/components/Home/Bill/BillCalendar.vue
rename to src/components/Bill/BillCalendar.vue
index 52c1e6a..a77f268 100644
--- a/src/components/Home/Bill/BillCalendar.vue
+++ b/src/components/Bill/BillCalendar.vue
@@ -12,13 +12,13 @@
 </template>
 
 <script setup lang="ts">
-import BillDailyItem from '@/components/Home/Bill/BillDailyItem.vue'
+import BillDailyItem from '@/components/Bill/BillDailyItem.vue'
 import { reactive, watch, ref, onMounted } from 'vue'
 import { useBillStore } from '@/store/bill.ts'
 import { formatDate } from 'vue3-common/utils/dateUtil'
 import { CalendarDay, Page } from 'v-calendar/dist/types/src/utils/page'
 import { getCalendarDateList } from '@/utils/home/billUtil.ts'
-import { useAppStore } from '@/store/app'
+import { useAppStore } from '@/store/app.ts'
 
 const calendarRef = ref()
 const billStore = useBillStore()
diff --git a/src/components/Home/Bill/BillCategory.vue b/src/components/Bill/BillCategory.vue
similarity index 97%
rename from src/components/Home/Bill/BillCategory.vue
rename to src/components/Bill/BillCategory.vue
index 7d2e9f9..575e5f0 100644
--- a/src/components/Home/Bill/BillCategory.vue
+++ b/src/components/Bill/BillCategory.vue
@@ -96,11 +96,11 @@
 
 <script lang="ts" setup>
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import { useBillStore } from '@/store/bill'
-import { IBillBook, IBillCategory } from '@/types/bill'
+import { useBillStore } from '@/store/bill.ts'
+import { IBillBook, IBillCategory } from '@/types/bill.ts'
 import { ElMessage, FormRules } from 'element-plus'
-import { billCategoryRules } from '@/utils/element/elRules'
-import { addBillCategoryApi, updateBillCategoryApi } from '@/apis/bill'
+import { billCategoryRules } from '@/utils/element/elRules.ts'
+import { addBillCategoryApi, updateBillCategoryApi } from '@/apis/bill.ts'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { tableHeaderStyle, tableRowStyle, tableCellStyle } from 'vue3-common/utils/elUtil'
 import type { IDialog, IHandleApi } from 'vue3-common/types'
diff --git a/src/components/Home/Bill/BillChart.vue b/src/components/Bill/BillChart.vue
similarity index 97%
rename from src/components/Home/Bill/BillChart.vue
rename to src/components/Bill/BillChart.vue
index 3725339..4a8e353 100644
--- a/src/components/Home/Bill/BillChart.vue
+++ b/src/components/Bill/BillChart.vue
@@ -38,11 +38,11 @@
 </template>
 
 <script setup lang="ts">
-import BillRank from '@/components/Home/Bill/BillRank.vue'
+import BillRank from '@/components/Bill/BillRank.vue'
 import { onMounted, ref, watch } from 'vue'
 import * as echarts from 'echarts'
 import { lineChartOptions, barChartOptions, pieChartOptions } from 'vue3-common/utils/eChartsUtil'
-import { useBillStore } from '@/store/bill'
+import { useBillStore } from '@/store/bill.ts'
 import { useAppStore } from '@/store/app.ts'
 import type { IStatsChart } from 'vue3-common/types'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
diff --git a/src/components/Home/Bill/BillDailyItem.vue b/src/components/Bill/BillDailyItem.vue
similarity index 95%
rename from src/components/Home/Bill/BillDailyItem.vue
rename to src/components/Bill/BillDailyItem.vue
index 6563884..672906c 100644
--- a/src/components/Home/Bill/BillDailyItem.vue
+++ b/src/components/Bill/BillDailyItem.vue
@@ -36,8 +36,8 @@
 </template>
 
 <script setup lang="ts">
-import DailySummary from '@/components/Home/DailySummary.vue'
-import DailyCard from '@/components/Home/DailyCard.vue'
+import DailySummary from '@/components/DailySummary.vue'
+import DailyCard from '@/components/DailyCard.vue'
 import { defineProps, onMounted, reactive, watch } from 'vue'
 import { useBillStore } from '@/store/bill.ts'
 import { useRouter } from 'vue-router'
@@ -104,7 +104,7 @@ const selectBillRecordClick = async (billRecord: IBillRecord) => {
 
   if (isMobile()) {
     await router.push({
-      name: 'MobileHomeBillDetailId',
+      name: 'BillDetailId',
       params: { id: billStore.currentBillRecord.id }
     })
   } else {
diff --git a/src/components/Home/Bill/BillDailyList.vue b/src/components/Bill/BillDailyList.vue
similarity index 95%
rename from src/components/Home/Bill/BillDailyList.vue
rename to src/components/Bill/BillDailyList.vue
index 8a5f37b..79557cf 100644
--- a/src/components/Home/Bill/BillDailyList.vue
+++ b/src/components/Bill/BillDailyList.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import BillDailyItem from '@/components/Home/Bill/BillDailyItem.vue'
+import BillDailyItem from '@/components/Bill/BillDailyItem.vue'
 import { reactive, watch } from 'vue'
 import { useBillStore } from '@/store/bill.ts'
 
diff --git a/src/components/Home/Bill/BillDialog.vue b/src/components/Bill/BillDialog.vue
similarity index 98%
rename from src/components/Home/Bill/BillDialog.vue
rename to src/components/Bill/BillDialog.vue
index 3b923ab..0f3f05c 100644
--- a/src/components/Home/Bill/BillDialog.vue
+++ b/src/components/Bill/BillDialog.vue
@@ -118,12 +118,12 @@
 
 <script lang="ts" setup>
 import { UploadImage, AmountInput } from 'vue3-common'
-import { useBillStore } from '@/store/bill'
+import { useBillStore } from '@/store/bill.ts'
 import { Location, Document } from '@element-plus/icons-vue'
 import { FormRules } from 'element-plus'
-import { billRecordRules } from '@/utils/element/elRules'
+import { billRecordRules } from '@/utils/element/elRules.ts'
 import { nextTick, reactive, ref } from 'vue'
-import { IBillCategory } from '@/types/bill'
+import { IBillCategory } from '@/types/bill.ts'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 
diff --git a/src/components/Home/Bill/BillPay.vue b/src/components/Bill/BillPay.vue
similarity index 95%
rename from src/components/Home/Bill/BillPay.vue
rename to src/components/Bill/BillPay.vue
index 005e277..c63b661 100644
--- a/src/components/Home/Bill/BillPay.vue
+++ b/src/components/Bill/BillPay.vue
@@ -62,12 +62,12 @@
 
 <script lang="ts" setup>
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import { useBillStore } from '@/store/bill'
+import { useBillStore } from '@/store/bill.ts'
 import { ElMessage, FormRules } from 'element-plus'
-import { IBillPay } from '@/types/bill'
-import { billPayRules } from '@/utils/element/elRules'
+import { IBillPay } from '@/types/bill.ts'
+import { billPayRules } from '@/utils/element/elRules.ts'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
-import { addBillPayApi, updateBillPayApi } from '@/apis/bill'
+import { addBillPayApi, updateBillPayApi } from '@/apis/bill.ts'
 import { tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
 import type { IDialog, IHandleApi } from 'vue3-common/types'
 
diff --git a/src/components/Home/Bill/BillQuery.vue b/src/components/Bill/BillQuery.vue
similarity index 100%
rename from src/components/Home/Bill/BillQuery.vue
rename to src/components/Bill/BillQuery.vue
diff --git a/src/components/Home/Bill/BillRank.vue b/src/components/Bill/BillRank.vue
similarity index 92%
rename from src/components/Home/Bill/BillRank.vue
rename to src/components/Bill/BillRank.vue
index e053107..4d65c19 100644
--- a/src/components/Home/Bill/BillRank.vue
+++ b/src/components/Bill/BillRank.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { useBillStore } from '@/store/bill'
+import { useBillStore } from '@/store/bill.ts'
 import { getBillSortByAmount } from '@/utils/home/billUtil.ts'
 import { computed } from 'vue'
 
diff --git a/src/components/Home/Bill/BillStats.vue b/src/components/Bill/BillStats.vue
similarity index 83%
rename from src/components/Home/Bill/BillStats.vue
rename to src/components/Bill/BillStats.vue
index 8b85b17..f8568f5 100644
--- a/src/components/Home/Bill/BillStats.vue
+++ b/src/components/Bill/BillStats.vue
@@ -19,11 +19,11 @@
 </template>
 
 <script setup lang="ts">
-import StatsCard from '@/components/Home/StatsCard.vue'
-import { useBillStore } from '@/store/bill'
+import StatsCard from '@/components/StatsCard.vue'
+import { useBillStore } from '@/store/bill.ts'
 import { ref, watch } from 'vue'
-import { getBillSummaryStats } from '@/utils/home/billUtil'
-import { IBillSummaryStats } from '@/types/bill'
+import { getBillSummaryStats } from '@/utils/home/billUtil.ts'
+import { IBillSummaryStats } from '@/types/bill.ts'
 import { formatAmount } from 'vue3-common/utils/numberUtil'
 
 const billStore = useBillStore()
diff --git a/src/components/Blog/Archive/BlogArchive.vue b/src/components/Blog/Archive/BlogArchive.vue
new file mode 100644
index 0000000..9b5339f
--- /dev/null
+++ b/src/components/Blog/Archive/BlogArchive.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="blog-archive blog-section card-item">
+    <h4 class="module-title">文章归档</h4>
+
+    <el-date-picker
+        v-model="currentYear"
+        type="year" placeholder="请选择年份"
+        style="width: 100px"
+        @change="changeDateEvent"
+    />
+
+    <span class="total">共计{{ blogStore.blogList.length }}篇文章</span>
+
+    <el-timeline class="time-line">
+      <el-timeline-item v-for="(value, index) in blogStore.blogList" :key="index">
+        <div class="item">
+          <span class="date">{{ value.createTime }}</span>
+          <span class="title" @click="viewBlogClick(index)">{{ value.title }}</span>
+        </div>
+      </el-timeline-item>
+    </el-timeline>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBlogStore } from '@/store/blog.ts'
+import { useRouter } from 'vue-router'
+import { onMounted, ref } from 'vue'
+
+const blogStore = useBlogStore()
+const router = useRouter()
+const currentYear = ref(new Date())
+
+onMounted(() => {
+  blogStore.queryBlogByCondition({
+    year: (new Date()).getFullYear()
+  })
+})
+
+/**
+ * 选择年份事件
+ * @param value 年份
+ */
+const changeDateEvent = async (value: Date) => {
+  await blogStore.queryBlogByCondition({
+    year: value.getFullYear()
+  })
+}
+
+/**
+ * 点击查看博客按钮
+ * @param index 索引
+ */
+const viewBlogClick = async (index: number) => {
+  const blogId = blogStore.blogList[index].id
+  await router.push({ name: 'DetailId', params: { id: blogId } })
+}
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/blog/blog.archive.module";
+</style>
diff --git a/src/components/Blog/Category/BlogCategory.vue b/src/components/Blog/Category/BlogCategory.vue
new file mode 100644
index 0000000..8bc51e9
--- /dev/null
+++ b/src/components/Blog/Category/BlogCategory.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="blog-category blog-section card-item">
+    <h4 class="module-title">文章分类</h4>
+
+    <span class="total">目前共计{{ blogStore.blogCategoryList.length }}个分类</span>
+
+    <div class="category-list">
+      <div v-for="(item, index) in blogStore.blogCategoryList"
+           :key="index" class="item" @click="viewBlogCategoryClick(item.name)">
+        <span class="label">{{ item.name }}</span>
+        <span class="value">{{ `(${item.count})` }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBlogStore } from '@/store/blog.ts'
+import { useRouter } from 'vue-router'
+import { onMounted } from 'vue'
+
+const blogStore = useBlogStore()
+const router = useRouter()
+
+onMounted(() => {
+  blogStore.queryBlogCategory()
+})
+
+/**
+ * 点击查看博客分类信息
+ * @param name 类别名称
+ */
+const viewBlogCategoryClick = async (name: string) => {
+  await router.push({ name: 'CategoryName', params: { name } })
+}
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/blog/blog.category.module";
+</style>
diff --git a/src/components/Blog/Category/BlogCategoryDetail.vue b/src/components/Blog/Category/BlogCategoryDetail.vue
new file mode 100644
index 0000000..35b3ad1
--- /dev/null
+++ b/src/components/Blog/Category/BlogCategoryDetail.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="blog-category-detail blog-section card-item">
+    <span class="name">{{ route.params?.name }}</span>
+
+    <div class="category-detail-list">
+      <div v-for="(item, index) in blogStore.blogList"
+           :key="index" class="item" @click="viewBlogClick(index)">
+        <span class="number">{{ index+1 }}</span>
+        <span class="date">{{ item?.createTime }}</span>
+        <span class="title">{{ item.title }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBlogStore } from '@/store/blog.ts'
+import { useRouter } from 'vue-router'
+import { useRoute } from 'vue-router'
+import { onMounted } from 'vue'
+
+const blogStore = useBlogStore()
+const router = useRouter()
+const route = useRoute()
+
+onMounted(async () => {
+  const categoryName = route.params.name as string
+  await blogStore.queryBlogByCondition({
+    category: categoryName
+  })
+})
+
+const viewBlogClick = async (index: number) => {
+  const blogId = blogStore.blogList[index].id
+  await router.push({ name: 'DetailId', params: { id: blogId } })
+}
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/blog/blog.category.detail.module";
+</style>
diff --git a/src/components/Blog/Comment/BlogComment.vue b/src/components/Blog/Comment/BlogComment.vue
new file mode 100644
index 0000000..b938181
--- /dev/null
+++ b/src/components/Blog/Comment/BlogComment.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="blog-comment card-item">
+    <div class="comment-total">
+      <span>共 {{ blogStore.blogNestedCommentList.length }} 条评论</span>
+    </div>
+
+    <div class="comment-list">
+      <blog-comment-item v-for="(item, index) in blogStore.blogNestedCommentList" :key="index"
+                         :comment="item.comment" :replyList="item.replies"/>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import BlogCommentItem from '@/components/Comment/BlogCommentItem.vue'
+import { useBlogStore } from '@/store/blog.ts'
+
+const blogStore = useBlogStore()
+</script>
+
+<style lang="scss">
+.blog-comment {
+  width: 100%;
+  padding: 10px;
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+</style>
diff --git a/src/components/Blog/Comment/BlogCommentEdit.vue b/src/components/Blog/Comment/BlogCommentEdit.vue
new file mode 100644
index 0000000..ef79107
--- /dev/null
+++ b/src/components/Blog/Comment/BlogCommentEdit.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="blog-comment-edit card-item">
+    <div class="comment-title">
+      <el-input v-model="blogComment.name"
+                :maxlength="10" show-word-limit
+                placeholder="请输入昵称"/>
+      <el-input v-model="blogComment.website"
+                :maxlength="50" show-word-limit
+                placeholder="请输入个人博客网站"/>
+    </div>
+
+    <el-input v-model="blogComment.content"
+              placeholder="有什么想和我说的呢" :maxlength="500"
+              :rows="7" show-word-limit type="textarea"
+    />
+
+    <div class="comment-button">
+      <el-popover ref="emojiPopoverRef" placement="top" :width="300" trigger="hover">
+        <template #default>
+          <div class="emoji-panel">
+            <EmojiPicker :native="true" @select="onSelectEmoji" />
+          </div>
+        </template>
+        <template #reference>
+          <el-button circle>
+            <i class="fa-regular fa-face-smile"></i>
+          </el-button>
+        </template>
+      </el-popover>
+
+      <el-button type="primary"
+                 :disabled="blogComment.content.length === 0"
+                 @click="sendCommentClick"
+                 class="send-button">发送</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import EmojiPicker from 'vue3-emoji-picker'
+import 'vue3-emoji-picker/css'
+import { defineProps, ref, onMounted } from 'vue'
+import { useBlogStore } from '@/store/blog.ts'
+import { deepCopyObject } from 'vue3-common/utils/dataUtil'
+import { IBlogComment } from '@/types/blog.ts'
+
+const blogStore = useBlogStore()
+const emojiPopoverRef = ref()
+
+const props = defineProps({
+  parentId: {
+    required: true,
+    type: Number,
+    default: 0
+  }
+})
+
+const blogComment = ref<IBlogComment>({
+  id: 0,
+  blogId: 0,
+  name: '',
+  website: '',
+  content: '',
+  ipAddress: '',
+  userAgent: '',
+  parentId: 0,
+  isApproved: true,
+  createTime: ''
+})
+
+onMounted(() => {
+  blogComment.value = deepCopyObject(blogStore.getEmptyBlogComment())
+})
+
+const onSelectEmoji = (emoji) => {
+  if (blogComment.value.content.length <= 498) {
+    blogComment.value.content += emoji.i
+  }
+
+  emojiPopoverRef.value.hide()
+}
+
+const sendCommentClick = async () => {
+  blogComment.value.parentId = props.parentId
+  blogComment.value.blogId = blogStore.currentBlogId
+
+  if (!blogComment.value.name) {
+    blogComment.value.name = 'Anonymous'
+  }
+
+  await blogStore.addBlogComment(blogComment.value)
+  blogComment.value = deepCopyObject(blogStore.getEmptyBlogComment())
+  blogStore.isShowBlogCommentEdit = false
+}
+</script>
+
+<style lang="scss">
+.blog-comment-edit {
+  width: 100%;
+  padding: 10px;
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .comment-title {
+    display: flex;
+    justify-content: space-between;
+    gap: 10px;
+  }
+
+  .comment-button {
+    width: 100%;
+    display: flex;
+
+    .send-button {
+      margin-left: auto;
+    }
+  }
+}
+</style>
diff --git a/src/components/Blog/Comment/BlogCommentItem.vue b/src/components/Blog/Comment/BlogCommentItem.vue
new file mode 100644
index 0000000..bdf051a
--- /dev/null
+++ b/src/components/Blog/Comment/BlogCommentItem.vue
@@ -0,0 +1,127 @@
+<template>
+  <div class="blog-comment-card">
+    <el-avatar :src="`https://api.dicebear.com/6.x/adventurer/svg?seed=${props.comment.name}`"
+               :size="50" alt="未加载"/>
+
+    <div class="blog-comment-content">
+      <div class="basic-info">
+        <span>{{ props.comment.name }}</span>
+        <span class="content">{{ getBrowser(props.comment.userAgent) }}</span>
+        <span class="content">{{ getOsInfo(props.comment.userAgent) }}</span>
+      </div>
+
+      <div class="sub-info">
+        <span class="content">{{ props.comment.createTime }}</span>
+        <el-button v-if="!blogComment.isShowEdit"
+                   type="primary" text @click="replyClick">回复</el-button>
+        <el-button v-else type="primary"
+                   text @click="cancelClick">取消</el-button>
+      </div>
+
+      <p>{{ props.comment.content }}</p>
+
+      <blog-comment-edit v-if="blogComment.isShowEdit"
+                         :parent-id="props.comment.id"/>
+
+      <div class="reply-list">
+        <div class="blog-comment-card" v-for="(item, index) in props.replyList" :key="index">
+          <el-avatar :src="`https://api.dicebear.com/6.x/adventurer/svg?seed=${item.name}`"
+                     :size="50" alt="未加载"/>
+
+          <div class="blog-comment-content">
+            <div class="basic-info">
+              <span>{{ item.name }}</span>
+              <span class="content">{{ getBrowser(props.comment.userAgent) }}</span>
+              <span class="content">{{ getOsInfo(props.comment.userAgent) }}</span>
+            </div>
+
+            <div class="sub-info">
+              <span class="content">{{ item.createTime }}</span>
+            </div>
+            <p>{{ item.content }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import BlogCommentEdit from '@/components/Comment/BlogCommentEdit.vue'
+import 'vue3-emoji-picker/css'
+import { defineProps, PropType, reactive } from 'vue'
+import { IBlogComment } from '@/types/blog.ts'
+import { useBlogStore } from '@/store/blog.ts'
+import { UAParser } from 'ua-parser-js'
+
+const blogStore = useBlogStore()
+
+const props = defineProps({
+  comment: {
+    required: true,
+    type: Object as PropType<IBlogComment>
+  },
+  replyList: {
+    required: true,
+    type: Object as PropType<IBlogComment[]>
+  }
+})
+
+const blogComment = reactive({
+  isShowEdit: false
+})
+
+const replyClick = () => {
+  blogStore.currentBlogComment = blogStore.getEmptyBlogComment()
+  blogComment.isShowEdit = true
+}
+
+const cancelClick = () => {
+  blogComment.isShowEdit = false
+}
+
+const getOsInfo = (userAgent: string) => {
+  const uaParse = new UAParser(userAgent)
+  return `${uaParse.getOS().name} ${uaParse.getOS().version}`
+}
+
+const getBrowser = (userAgent: string) => {
+  const uaParse = new UAParser(userAgent)
+  return `${uaParse.getBrowser().name} ${uaParse.getBrowser().version}`
+}
+</script>
+
+<style lang="scss">
+.blog-comment-card {
+  width: 100%;
+  padding: 10px;
+
+  display: grid;
+  grid-template-columns: 60px 1fr;
+  gap: 5px;
+
+  .blog-comment-content {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+
+    .basic-info {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: small;
+    }
+
+    .sub-info {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .content {
+      font-size: small;
+      color: #666666;
+    }
+  }
+}
+</style>
diff --git a/src/components/Blog/Content/BlogDetail.vue b/src/components/Blog/Content/BlogDetail.vue
new file mode 100644
index 0000000..51f8fd4
--- /dev/null
+++ b/src/components/Blog/Content/BlogDetail.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="blog-detail blog-section card-item" id="blog-section">
+    <div class="blog-title">
+      <span class="title">{{ blogStore.currentBlog.title }}</span>
+      <blog-label :basic-blog="getBasicBlog(blogStore.currentBlog)"/>
+    </div>
+
+    <div class="blog-md card-item">
+      <MdPreview editorId="blog-id"
+                 v-model="blogStore.currentBlog.content"
+                 :theme="appStore.isDark ? 'dark' : 'light'"/>
+    </div>
+
+    <div class="blog-copyright">
+      <span>
+        <strong>本文作者: </strong> Cxx
+      </span>
+      <span>
+        <strong>本文链接: </strong>
+        <a href="https://www.microsoft.com/">{{ currentUrl.href }}</a>
+      </span>
+      <span>
+        <strong>版权声明: </strong>
+        本博客所有文章除特别声明外，均采用
+        <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">©BY-NC-SA</a>
+        许可协议。转载请注明出处！
+      </span>
+    </div>
+
+    <div class="blog-ending">
+      <span>-------------本文结束♥感谢您的阅读♥给个五星好评吧~~-------------</span>
+    </div>
+
+    <blog-comment-edit :parent-id="0"/>
+
+    <blog-comment />
+  </div>
+</template>
+
+<script setup lang="ts">
+import BlogLabel from '@/components/Content/BlogLabel.vue'
+import BlogCommentEdit from '@/components/Comment/BlogCommentEdit.vue'
+import BlogComment from '@/components/Comment/BlogComment.vue'
+import { MdPreview } from 'md-editor-v3'
+import 'md-editor-v3/lib/style.css'
+import { useBlogStore } from '@/store/blog.ts'
+import { useAppStore } from '@/store/app.ts'
+import { getBasicBlog } from '@/utils/blog/blogUtil.ts'
+import { useRoute } from 'vue-router'
+import { onMounted } from 'vue'
+
+const blogStore = useBlogStore()
+const appStore = useAppStore()
+const route = useRoute()
+
+const currentUrl = new URL(window.location.href)
+
+onMounted(async () => {
+  const blogId = route.params.id as number
+  blogStore.currentBlogId = blogId
+  await blogStore.queryBlogById(blogId)
+})
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/blog/blog.detail.module";
+</style>
diff --git a/src/components/Blog/Content/BlogLabel.vue b/src/components/Blog/Content/BlogLabel.vue
new file mode 100644
index 0000000..9936a4c
--- /dev/null
+++ b/src/components/Blog/Content/BlogLabel.vue
@@ -0,0 +1,92 @@
+<template>
+  <div class="label-list">
+    <div class="container">
+      <div class="top-value item" v-if="props.basicBlog?.topValue > 1">
+        <i class="fa-solid fa-thumbtack"></i>
+      </div>
+
+      <div v-if="props.basicBlog?.topValue > 1" class="item">|</div>
+
+      <div class="great item" v-if="props.basicBlog?.isGreat">
+        <i class="fa-regular fa-newspaper"></i>
+      </div>
+
+      <div v-if="props.basicBlog?.isGreat" class="item">|</div>
+
+      <div class="item">
+        <i class="fa-regular fa-calendar"></i>
+        <span class="date">{{ formatDate(props.basicBlog.createTime) }}</span>
+      </div>
+
+      <div class="item">|</div>
+
+      <div class="item">
+        <i class="fa-regular fa-calendar-check"></i>
+        <span class="date">{{ formatDate(props.basicBlog.createTime) }}</span>
+      </div>
+
+      <div class="item">|</div>
+
+      <div class="item">
+        <i class="fa-regular fa-folder"></i>
+        <span class="category" @click="viewBlogCategoryClick">
+          {{ props.basicBlog.category }}
+        </span>
+      </div>
+
+      <div class="item">|</div>
+
+      <div class="item">
+        <i class="fa-solid fa-eye"></i>
+        <span>{{ props.basicBlog.visitCount }} 次</span>
+      </div>
+    </div>
+
+    <div class="container">
+      <div class="item">
+        <i class="fa-regular fa-file-word"></i>
+        <span>{{ props.basicBlog.wordCount }} 字</span>
+      </div>
+
+      <div class="item">|</div>
+
+      <div class="item">
+        <i class="fa-regular fa-clock"></i>
+        <span>{{ props.basicBlog.readDuration.toFixed(0) }} 分钟</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, PropType } from 'vue'
+import { IBasicBlog } from '@/types/blog.ts'
+import { useBlogStore } from '@/store/blog.ts'
+import { useRouter } from 'vue-router'
+import { formatDate } from 'vue3-common/utils/dateUtil'
+
+const blogStore = useBlogStore()
+const router = useRouter()
+
+const props = defineProps({
+  basicBlog: {
+    required: true,
+    type: Object as PropType<IBasicBlog>
+  }
+})
+
+/**
+ * 点击查看博客分类按钮
+ */
+const viewBlogCategoryClick = async () => {
+  const category = props.basicBlog?.category as string
+  await blogStore.queryBlogByCondition({
+    category
+  })
+  await router.push({ name: 'CategoriesBlog', params: { name: category } })
+}
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/blog/blog.label.module";
+</style>
diff --git a/src/components/Blog/Content/BlogOverview.vue b/src/components/Blog/Content/BlogOverview.vue
new file mode 100644
index 0000000..bd6a152
--- /dev/null
+++ b/src/components/Blog/Content/BlogOverview.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="blog-content-list blog-section card-item">
+    <div v-if="blogStore.blogList.length === 0"
+         class="blog-content blog-content-empty" >
+    </div>
+
+    <div class="blog-content blog-content-summary"
+         v-for="(item, index) in blogStore.blogList" :key="index">
+      <span class="title">{{ item.title }}</span>
+
+      <blog-label :basic-blog="getBasicBlog(item)"/>
+
+      <p class="content">
+        {{ item.summary }}
+      </p>
+
+      <el-button type="primary" @click="readBlogClick(index)">阅读全文 »</el-button>
+      <hr/>
+    </div>
+
+    <el-pagination
+        v-model:current-page="blogStore.pageInfo.currentPage"
+        :page-size="blogStore.pageInfo.pageSize"
+        :total="blogStore.pageInfo.totalSize"
+        layout="total, prev, pager, next"
+        @current-change="changePageClick"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import BlogLabel from '@/components/Content/BlogLabel.vue'
+import { useRouter } from 'vue-router'
+import { onMounted } from 'vue'
+import { useBlogStore } from '@/store/blog.ts'
+import { getBasicBlog } from '@/utils/blog/blogUtil.ts'
+
+const router = useRouter()
+const blogStore = useBlogStore()
+
+onMounted(async () => {
+  await blogStore.queryBlog()
+})
+
+/**
+ * 点击阅读博客按钮
+ * @param index 索引
+ */
+const readBlogClick = async (index: number) => {
+  const blogId = blogStore.blogList[index].id
+  await router.push({ name: 'DetailId', params: { id: blogId } })
+}
+
+/**
+ * 点击切换博客页数按钮
+ * @param page 页码
+ */
+const changePageClick = async (page: number) => {
+  blogStore.pageInfo.currentPage = page
+  await blogStore.queryBlog()
+}
+</script>
+
+<style lang="scss">
+@use "@/styles/blog/blog.overview.module";
+</style>
diff --git a/src/components/AppLoading.vue b/src/components/Common/AppLoading.vue
similarity index 91%
rename from src/components/AppLoading.vue
rename to src/components/Common/AppLoading.vue
index a756d29..6de3893 100644
--- a/src/components/AppLoading.vue
+++ b/src/components/Common/AppLoading.vue
@@ -16,5 +16,5 @@ const appStore = useAppStore()
 </script>
 
 <style lang="scss">
-@use "@/styles/app.loading.module.scss";
+@use "@/styles/app.loading.module";
 </style>
diff --git a/src/components/Mobile/ArriveButton.vue b/src/components/Common/ArriveButton.vue
similarity index 100%
rename from src/components/Mobile/ArriveButton.vue
rename to src/components/Common/ArriveButton.vue
diff --git a/src/components/Mobile/DraggableButton.vue b/src/components/Common/DraggableButton.vue
similarity index 100%
rename from src/components/Mobile/DraggableButton.vue
rename to src/components/Common/DraggableButton.vue
diff --git a/src/components/Mobile/MobileSetting.vue b/src/components/Common/MobileSetting.vue
similarity index 100%
rename from src/components/Mobile/MobileSetting.vue
rename to src/components/Common/MobileSetting.vue
diff --git a/src/components/Mobile/WeatherIcon.vue b/src/components/Common/WeatherIcon.vue
similarity index 100%
rename from src/components/Mobile/WeatherIcon.vue
rename to src/components/Common/WeatherIcon.vue
diff --git a/src/components/Mobile/WeatherTimeCard.vue b/src/components/Common/WeatherTimeCard.vue
similarity index 99%
rename from src/components/Mobile/WeatherTimeCard.vue
rename to src/components/Common/WeatherTimeCard.vue
index f608b64..6fa43d0 100644
--- a/src/components/Mobile/WeatherTimeCard.vue
+++ b/src/components/Common/WeatherTimeCard.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import WeatherIcon from '@/components/Mobile/WeatherIcon.vue'
+import WeatherIcon from '@/components/Common/WeatherIcon.vue'
 import { onMounted, onUnmounted, reactive } from 'vue'
 import axios from 'axios'
 import { Solar } from 'lunar-javascript'
diff --git a/src/components/Home/DailyCard.vue b/src/components/DailyCard.vue
similarity index 100%
rename from src/components/Home/DailyCard.vue
rename to src/components/DailyCard.vue
diff --git a/src/components/Home/DailySummary.vue b/src/components/DailySummary.vue
similarity index 100%
rename from src/components/Home/DailySummary.vue
rename to src/components/DailySummary.vue
diff --git a/src/components/Home/Food/Data/FoodBasicData.vue b/src/components/Food/Data/FoodBasicData.vue
similarity index 100%
rename from src/components/Home/Food/Data/FoodBasicData.vue
rename to src/components/Food/Data/FoodBasicData.vue
diff --git a/src/components/Home/Food/Data/FoodMaterialData.vue b/src/components/Food/Data/FoodMaterialData.vue
similarity index 100%
rename from src/components/Home/Food/Data/FoodMaterialData.vue
rename to src/components/Food/Data/FoodMaterialData.vue
diff --git a/src/components/Home/Food/Data/FoodOthersData.vue b/src/components/Food/Data/FoodOthersData.vue
similarity index 100%
rename from src/components/Home/Food/Data/FoodOthersData.vue
rename to src/components/Food/Data/FoodOthersData.vue
diff --git a/src/components/Home/Food/Data/FoodRecordData.vue b/src/components/Food/Data/FoodRecordData.vue
similarity index 100%
rename from src/components/Home/Food/Data/FoodRecordData.vue
rename to src/components/Food/Data/FoodRecordData.vue
diff --git a/src/components/Home/Food/Data/FoodStepData.vue b/src/components/Food/Data/FoodStepData.vue
similarity index 100%
rename from src/components/Home/Food/Data/FoodStepData.vue
rename to src/components/Food/Data/FoodStepData.vue
diff --git a/src/components/Home/Food/FoodCalendar.vue b/src/components/Food/FoodCalendar.vue
similarity index 95%
rename from src/components/Home/Food/FoodCalendar.vue
rename to src/components/Food/FoodCalendar.vue
index e722f4f..2602401 100644
--- a/src/components/Home/Food/FoodCalendar.vue
+++ b/src/components/Food/FoodCalendar.vue
@@ -10,12 +10,12 @@
 </template>
 
 <script setup lang="ts">
-import FoodDailyItem from '@/components/Home/Food/FoodDailyItem.vue'
+import FoodDailyItem from '@/components/Food/FoodDailyItem.vue'
 import { reactive, watch, ref, onMounted } from 'vue'
 import { useFoodStore } from '@/store/food.ts'
 import { formatDate } from 'vue3-common/utils/dateUtil'
 import { CalendarDay } from 'v-calendar/dist/types/src/utils/page'
-import { useAppStore } from '@/store/app'
+import { useAppStore } from '@/store/app.ts'
 
 const calendarRef = ref()
 const foodStore = useFoodStore()
diff --git a/src/components/Home/Food/FoodCard.vue b/src/components/Food/FoodCard.vue
similarity index 92%
rename from src/components/Home/Food/FoodCard.vue
rename to src/components/Food/FoodCard.vue
index a82d52f..e2ba125 100644
--- a/src/components/Home/Food/FoodCard.vue
+++ b/src/components/Food/FoodCard.vue
@@ -65,7 +65,7 @@
 
 <script setup lang="ts">
 import { Edit, MoreFilled, DeleteFilled } from '@element-plus/icons-vue'
-import { useFoodStore } from '@/store/food'
+import { useFoodStore } from '@/store/food.ts'
 import { defineProps, onMounted, PropType, reactive } from 'vue'
 import { IFoodRecipe, IFoodRecord } from '@/types/food.ts'
 import { useRouter } from 'vue-router'
@@ -110,11 +110,7 @@ const editFoodRecipeClick = async () => {
 }
 
 const viewFoodRecipeClick = async () => {
-  if (isMobile()) {
-    await router.push({ name: 'MobileHomeFoodDetailId', params: { id: props.foodItem?.id } })
-  } else {
-    await router.push({ name: 'HomeLifeFoodId', params: { id: props.foodItem?.id } })
-  }
+  await router.push({ name: 'FoodDetailId', params: { id: props.foodItem?.id } })
 }
 
 const deleteFoodRecipeClick = () => {
@@ -130,5 +126,5 @@ const changeFoodEvent = (current: number) => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/life.record.module.scss";
+@use "@/styles/home/life.record.module";
 </style>
diff --git a/src/components/Home/Food/FoodDailyItem.vue b/src/components/Food/FoodDailyItem.vue
similarity index 93%
rename from src/components/Home/Food/FoodDailyItem.vue
rename to src/components/Food/FoodDailyItem.vue
index d18dc70..205d75a 100644
--- a/src/components/Home/Food/FoodDailyItem.vue
+++ b/src/components/Food/FoodDailyItem.vue
@@ -22,8 +22,8 @@
 </template>
 
 <script setup lang="ts">
-import DailySummary from '@/components/Home/DailySummary.vue'
-import DailyCard from '@/components/Home/DailyCard.vue'
+import DailySummary from '@/components/DailySummary.vue'
+import DailyCard from '@/components/DailyCard.vue'
 import { defineProps, onMounted, reactive, watch } from 'vue'
 import { useFoodStore } from '@/store/food.ts'
 import { useRouter } from 'vue-router'
@@ -89,7 +89,7 @@ const selectFoodRecordClick = async (foodRecord: IFoodRecord) => {
   if (isMobile()) {
     appStore.isShowMobileBack = true
     foodStore.currentFoodRecord = foodRecord
-    await router.push({ name: 'MobileHomeFoodRecordForm' })
+    await router.push({ name: 'FoodRecordForm' })
   } else {
     foodStore.foodRecordDialog = {
       title: '编辑记录',
diff --git a/src/components/Home/Food/FoodDailyList.vue b/src/components/Food/FoodDailyList.vue
similarity index 94%
rename from src/components/Home/Food/FoodDailyList.vue
rename to src/components/Food/FoodDailyList.vue
index 101390b..eaf2f48 100644
--- a/src/components/Home/Food/FoodDailyList.vue
+++ b/src/components/Food/FoodDailyList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import FoodDailyItem from '@/components/Home/Food/FoodDailyItem.vue'
+import FoodDailyItem from '@/components/Food/FoodDailyItem.vue'
 import { reactive, watch } from 'vue'
 import { useFoodStore } from '@/store/food.ts'
 
diff --git a/src/components/Home/Food/FoodDialog.vue b/src/components/Food/FoodDialog.vue
similarity index 92%
rename from src/components/Home/Food/FoodDialog.vue
rename to src/components/Food/FoodDialog.vue
index 6cd69a2..c7fa903 100644
--- a/src/components/Home/Food/FoodDialog.vue
+++ b/src/components/Food/FoodDialog.vue
@@ -54,12 +54,12 @@
 </template>
 
 <script lang="ts" setup>
-import FoodMaterialForm from '@/components/Home/Food/Form/FoodMaterialForm.vue'
-import FoodStepForm from '@/components/Home/Food/Form/FoodStepForm.vue'
-import { useFoodStore } from '@/store/food'
+import FoodMaterialForm from '@/components/Food/Form/FoodMaterialForm.vue'
+import FoodStepForm from '@/components/Food/Form/FoodStepForm.vue'
+import { useFoodStore } from '@/store/food.ts'
 import { FormInstance, FormRules } from 'element-plus'
 import { computed, nextTick, ref, reactive } from 'vue'
-import { foodRules } from '@/utils/element/elRules'
+import { foodRules } from '@/utils/element/elRules.ts'
 
 const rules = reactive<FormRules>(foodRules)
 const formRef = ref<FormInstance>()
diff --git a/src/components/Home/Food/FoodQuery.vue b/src/components/Food/FoodQuery.vue
similarity index 97%
rename from src/components/Home/Food/FoodQuery.vue
rename to src/components/Food/FoodQuery.vue
index b06159a..aa8fa08 100644
--- a/src/components/Home/Food/FoodQuery.vue
+++ b/src/components/Food/FoodQuery.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import { useFoodStore } from '@/store/food'
+import { useFoodStore } from '@/store/food.ts'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
 import { onMounted, ref } from 'vue'
 import { ICategory } from '@/types'
diff --git a/src/components/Home/Food/FoodRecipeList.vue b/src/components/Food/FoodRecipeList.vue
similarity index 95%
rename from src/components/Home/Food/FoodRecipeList.vue
rename to src/components/Food/FoodRecipeList.vue
index 8105a56..bd77b0d 100644
--- a/src/components/Home/Food/FoodRecipeList.vue
+++ b/src/components/Food/FoodRecipeList.vue
@@ -23,7 +23,7 @@
 
 <script setup lang="ts">
 import { Plus } from '@element-plus/icons-vue'
-import FoodCard from '@/components/Home/Food/FoodCard.vue'
+import FoodCard from '@/components/Food/FoodCard.vue'
 import { useFoodStore } from '@/store/food.ts'
 import { isLargeScreen } from '@/utils'
 
diff --git a/src/components/Home/Food/FoodStats.vue b/src/components/Food/FoodStats.vue
similarity index 93%
rename from src/components/Home/Food/FoodStats.vue
rename to src/components/Food/FoodStats.vue
index a5c644a..a29d188 100644
--- a/src/components/Home/Food/FoodStats.vue
+++ b/src/components/Food/FoodStats.vue
@@ -19,9 +19,9 @@
 </template>
 
 <script setup lang="ts">
-import StatsCard from '@/components/Home/StatsCard.vue'
+import StatsCard from '@/components/StatsCard.vue'
 import { onMounted } from 'vue'
-import { useFoodStore } from '@/store/food'
+import { useFoodStore } from '@/store/food.ts'
 
 const foodStore = useFoodStore()
 
diff --git a/src/components/Home/Food/Form/FoodMaterialDialog.vue b/src/components/Food/Form/FoodMaterialDialog.vue
similarity index 95%
rename from src/components/Home/Food/Form/FoodMaterialDialog.vue
rename to src/components/Food/Form/FoodMaterialDialog.vue
index 337d67d..0e85a2e 100644
--- a/src/components/Home/Food/Form/FoodMaterialDialog.vue
+++ b/src/components/Food/Form/FoodMaterialDialog.vue
@@ -41,10 +41,10 @@
 </template>
 
 <script lang="ts" setup>
-import { useFoodStore } from '@/store/food'
+import { useFoodStore } from '@/store/food.ts'
 import { nextTick, reactive, ref } from 'vue'
 import { FormRules } from 'element-plus'
-import { foodMaterialRules } from '@/utils/element/elRules'
+import { foodMaterialRules } from '@/utils/element/elRules.ts'
 const rules = reactive<FormRules>(foodMaterialRules)
 
 const formRef = ref()
diff --git a/src/components/Home/Food/Form/FoodMaterialForm.vue b/src/components/Food/Form/FoodMaterialForm.vue
similarity index 95%
rename from src/components/Home/Food/Form/FoodMaterialForm.vue
rename to src/components/Food/Form/FoodMaterialForm.vue
index 500171b..b717a04 100644
--- a/src/components/Home/Food/Form/FoodMaterialForm.vue
+++ b/src/components/Food/Form/FoodMaterialForm.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script setup lang="ts">
-import { useFoodStore } from '@/store/food'
-import { IFoodMaterial } from '@/types/food'
+import { useFoodStore } from '@/store/food.ts'
+import { IFoodMaterial } from '@/types/food.ts'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
diff --git a/src/components/Home/Food/Form/FoodRecordDialog.vue b/src/components/Food/Form/FoodRecordDialog.vue
similarity index 96%
rename from src/components/Home/Food/Form/FoodRecordDialog.vue
rename to src/components/Food/Form/FoodRecordDialog.vue
index 390b0dd..61f0ecc 100644
--- a/src/components/Home/Food/Form/FoodRecordDialog.vue
+++ b/src/components/Food/Form/FoodRecordDialog.vue
@@ -56,10 +56,10 @@
 
 <script lang="ts" setup>
 import { UploadImage } from 'vue3-common'
-import { useFoodStore } from '@/store/food'
+import { useFoodStore } from '@/store/food.ts'
 import { computed, ref, reactive, nextTick } from 'vue'
 import { FormInstance, FormRules } from 'element-plus'
-import { foodRecordRules } from '@/utils/element/elRules'
+import { foodRecordRules } from '@/utils/element/elRules.ts'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
diff --git a/src/components/Home/Food/Form/FoodStepDialog.vue b/src/components/Food/Form/FoodStepDialog.vue
similarity index 95%
rename from src/components/Home/Food/Form/FoodStepDialog.vue
rename to src/components/Food/Form/FoodStepDialog.vue
index 7f14031..012273b 100644
--- a/src/components/Home/Food/Form/FoodStepDialog.vue
+++ b/src/components/Food/Form/FoodStepDialog.vue
@@ -32,10 +32,10 @@
 
 <script lang="ts" setup>
 import { UploadImage } from 'vue3-common'
-import { useFoodStore } from '@/store/food'
+import { useFoodStore } from '@/store/food.ts'
 import { ref, reactive, nextTick } from 'vue'
 import { FormRules } from 'element-plus'
-import { foodStepRules } from '@/utils/element/elRules'
+import { foodStepRules } from '@/utils/element/elRules.ts'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 
 const rules = reactive<FormRules>(foodStepRules)
diff --git a/src/components/Home/Food/Form/FoodStepForm.vue b/src/components/Food/Form/FoodStepForm.vue
similarity index 96%
rename from src/components/Home/Food/Form/FoodStepForm.vue
rename to src/components/Food/Form/FoodStepForm.vue
index af2511a..fd24f4d 100644
--- a/src/components/Home/Food/Form/FoodStepForm.vue
+++ b/src/components/Food/Form/FoodStepForm.vue
@@ -25,8 +25,8 @@
 </template>
 
 <script setup lang="ts">
-import { useFoodStore } from '@/store/food'
-import { IFoodStep } from '@/types/food'
+import { useFoodStore } from '@/store/food.ts'
+import { IFoodStep } from '@/types/food.ts'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { serviceFileRootPath } from '@/utils'
diff --git a/src/components/Home/Budget/BudgetChart.vue b/src/components/Home/Budget/BudgetChart.vue
deleted file mode 100644
index c02503b..0000000
--- a/src/components/Home/Budget/BudgetChart.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <div class="budget-chart">
-    <div class="budget-rank-chart card-item" ref="budgetRankChartRef"/>
-    <div class="budget-project-chart card-item" ref="budgetProjectChartRef"/>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
-import * as echarts from 'echarts'
-import { useBudgetStore } from '@/store/budget'
-import { barChartOptions, pieChartOptions } from 'vue3-common/utils/eChartsUtil'
-
-const budgetStore = useBudgetStore()
-
-const budgetRankChartRef = ref<HTMLElement>()
-const budgetProjectChartRef = ref<HTMLElement>()
-
-let budgetRankChart: echarts.ECharts
-let budgetProjectChart: echarts.ECharts
-
-watch(() => budgetStore.isRefresh, () => {
-  updateChart()
-})
-
-onMounted(() => {
-  budgetRankChart = echarts.init(budgetRankChartRef.value as HTMLElement)
-  budgetProjectChart = echarts.init(budgetProjectChartRef.value as HTMLElement)
-})
-
-const updateChart = () => {
-  // 预算排行统计图
-  const rankNameList = budgetStore.budgetRankStatsList.map((item) => item.name)
-  const rankValueList = budgetStore.budgetRankStatsList.map((item) => item.value)
-  budgetRankChart.setOption(barChartOptions('📊预算排行', '项目', rankNameList, '金额', rankValueList))
-
-  // 预算项目统计图
-  budgetProjectChart.setOption(pieChartOptions('📊预算项目', '项目', '', budgetStore.budgetProjectStatsList))
-}
-</script>
diff --git a/src/components/Home/Budget/BudgetDialog.vue b/src/components/Home/Budget/BudgetDialog.vue
deleted file mode 100644
index 8a9dcb3..0000000
--- a/src/components/Home/Budget/BudgetDialog.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-  <el-dialog v-model="budgetStore.budgetDialog.visible"
-             :title="budgetStore.budgetDialog.title"
-             center @open="openDialogEvent"
-             width="50%" class="budget-dialog">
-    <el-form ref="formRef" :model="budgetStore.budgetDialog.data"
-             :rules="rules" label-width="100px">
-      <el-form-item label="预算类别" prop="category">
-        <el-select
-            v-model="budgetStore.budgetDialog.data.category"
-            allow-create filterable placeholder="请输入或选择预算类别">
-          <el-option
-              v-for="(item, index) in budgetStore.budgetCategoryList"
-              :key="index" :label="item" :value="item"
-          />
-        </el-select>
-      </el-form-item>
-
-      <el-form-item label="预算项目" prop="project">
-        <el-input v-model="budgetStore.budgetDialog.data.project" autocomplete="off"
-                  placeholder="请输入预算项目" clearable
-                  show-word-limit maxlength="20">
-        </el-input>
-      </el-form-item>
-
-      <el-form-item label="预算内容" prop="content">
-        <el-input v-model="budgetStore.budgetDialog.data.content" autocomplete="off"
-                  placeholder="请输入预算内容" clearable
-                  show-word-limit maxlength="20">
-        </el-input>
-      </el-form-item>
-
-      <el-form-item label="供应商" prop="vendor">
-        <el-input v-model="budgetStore.budgetDialog.data.vendor" autocomplete="off"
-                  placeholder="请输入预算供应商" clearable
-                  show-word-limit maxlength="20">
-        </el-input>
-      </el-form-item>
-
-      <el-form-item label="预算支出" prop="budget">
-        <el-input
-            v-model="budgetStore.budgetDialog.data.budget"
-            placeholder="请输入预算支出" clearable
-            :formatter="(value: string) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
-            :parser="(value: string) => value.replace(/\$\s?|(,*)/g, '')"
-        />
-      </el-form-item>
-
-      <el-form-item label="实际支出" prop="actual">
-        <el-input
-            v-model="budgetStore.budgetDialog.data.actual"
-            placeholder="请输入实际支出" clearable
-            :formatter="(value: string) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
-            :parser="(value: string) => value.replace(/\$\s?|(,*)/g, '')"
-        />
-      </el-form-item>
-
-      <el-form-item label="支付时间">
-        <el-date-picker
-            v-model="budgetStore.budgetDialog.data.payTime"
-            type="datetime" placeholder="请选择支付时间"
-            value-format="YYYY-MM-DD HH:mm:ss"/>
-      </el-form-item>
-
-      <el-form-item label="备注" prop="remake">
-        <el-input v-model="budgetStore.budgetDialog.data.remake" autocomplete="off"
-                  placeholder="请输入备注" clearable
-                  show-word-limit maxlength="20">
-        </el-input>
-      </el-form-item>
-    </el-form>
-
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="cancelClick">取消</el-button>
-        <el-button type="primary" @click="confirmClick">确认</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { useBudgetStore } from '@/store/budget'
-import { FormRules } from 'element-plus'
-import { budgetRules } from '@/utils/element/elRules'
-import { nextTick, reactive, ref } from 'vue'
-
-const formRef = ref()
-const rules = reactive<FormRules>(budgetRules)
-const budgetStore = useBudgetStore()
-
-/**
- * 打开对话框事件
- */
-const openDialogEvent = async () => {
-  await nextTick(() => {
-    formRef.value.clearValidate()
-  })
-}
-
-/**
- * 点击确认按钮
- */
-const confirmClick = () => {
-  formRef.value.validate().then(async () => {
-    await budgetStore.handleBlogApi(budgetStore.budgetDialog.data.id)
-    budgetStore.queryInfo.category = budgetStore.budgetDialog.data.category
-  })
-}
-
-const cancelClick = () => {
-  budgetStore.budgetDialog.visible = false
-}
-</script>
diff --git a/src/components/Home/Budget/BudgetQuery.vue b/src/components/Home/Budget/BudgetQuery.vue
deleted file mode 100644
index 4468083..0000000
--- a/src/components/Home/Budget/BudgetQuery.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <div class="budget-query common-query">
-    <el-switch
-        v-model="budgetStore.showDataType"
-        inline-prompt
-        style="--el-switch-on-color: #CA6C65; --el-switch-off-color: #009FA8"
-        active-value="CHART" inactive-value="DATA"
-        active-text="图表统计" inactive-text="数据显示"
-        @change="changeShowDataTypeEvent"
-    />
-
-    <el-select
-        v-model="budgetStore.queryInfo.category"
-        placeholder="请选择类别" style="width: 120px"
-        @focus="focusCategoryEvent" @change="changeCategoryEvent">
-      <el-option
-          v-for="(item, index) in budgetStore.budgetCategoryList"
-          :key="index" :label="item" :value="item"
-      />
-    </el-select>
-
-    <el-button v-if="budgetStore.showDataType === 'DATA'"
-               type="primary" @click="addBudgeClick">新增预算
-    </el-button>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useBudgetStore } from '@/store/budget'
-
-const budgetStore = useBudgetStore()
-
-const focusCategoryEvent = async () => {
-  await budgetStore.queryBudgetCategory()
-}
-
-const changeCategoryEvent = async () => {
-  await budgetStore.refreshInfo()
-}
-
-const addBudgeClick = () => {
-  budgetStore.budgetApiType = 'ADD'
-  budgetStore.budgetDialog = {
-    title: '新增预算',
-    visible: true,
-    data: budgetStore.getEmptyBudget()
-  }
-  budgetStore.budgetDialog.data.category = budgetStore.queryInfo.category
-}
-
-const changeShowDataTypeEvent = async () => {
-  await budgetStore.refreshInfo()
-}
-</script>
diff --git a/src/components/Home/Budget/BudgetTable.vue b/src/components/Home/Budget/BudgetTable.vue
deleted file mode 100644
index 86b6650..0000000
--- a/src/components/Home/Budget/BudgetTable.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <el-table :data="budgetStore.budgetList"
-            border stripe show-summary
-            :span-method="spanMethod" :summary-method="summaryMethod"
-            :header-cell-style="tableHeaderStyle()"
-            :row-style="tableRowStyle()" :cell-style="tableCellStyle()"
-            class="budget-table card-item">
-    <el-table-column type="index" align="center" width="80"/>
-    <el-table-column prop="project" label="项目" align="center" min-width="5%"/>
-    <el-table-column prop="content" label="内容" align="center" min-width="10%"/>
-    <el-table-column prop="vendor" label="供应商" align="center" min-width="10%"/>
-    <el-table-column prop="budget" label="预算支出（元）" align="center" min-width="10%">
-      <template #default="scope">
-        {{ formatAmount(scope.row.budget) }}
-      </template>
-    </el-table-column>
-
-    <el-table-column prop="actual" label="实际支出（元）" align="center" min-width="10%">
-      <template #default="scope">
-        {{ formatAmount(scope.row.actual) }}
-      </template>
-    </el-table-column>
-
-    <el-table-column prop="save" label="节省预算（元）" align="center" min-width="10%">
-      <template #default="scope">
-        {{ formatAmount(scope.row.budget - scope.row.actual) }}
-      </template>
-    </el-table-column>
-
-    <el-table-column prop="percent" label="支出占比" align="center" min-width="10%">
-      <template #default="scope">
-        {{ `${((scope.row.actual / totalActual) * 100).toFixed(2)}%` }}
-      </template>
-    </el-table-column>
-    <el-table-column prop="remake" label="备注" align="center" min-width="10%"/>
-    <el-table-column fixed="right" label="操作" align="center" width="250">
-      <template #default="scope">
-        <el-button type="primary" @click="editBudget(scope.row)">编辑</el-button>
-        <el-button type="primary" @click="editBudget(scope.row)">账单</el-button>
-        <el-button type="danger" @click="deleteBudget(scope.row)">删除</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
-</template>
-
-<script lang="ts" setup>
-import { useBudgetStore } from '@/store/budget'
-import { IBudgetInfo } from '@/types/budget.ts'
-import { computed } from 'vue'
-import { deepCopyObject } from 'vue3-common/utils/dataUtil'
-import { formatAmount } from 'vue3-common/utils/numberUtil'
-import { getRowspan, getSummaryData } from 'vue3-common/utils/elUtil'
-import { commonElMessageBox, tableHeaderStyle, tableCellStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
-
-const budgetStore = useBudgetStore()
-
-const spanIndex = 1
-const summaryColumnList = ['budget', 'actual', 'save']
-
-const totalActual = computed(() => {
-  return budgetStore.budgetList.reduce((sum, item: IBudgetInfo) => {
-    return sum + Number(item.actual || 0)
-  }, 0)
-})
-
-const spanMethod = (data: { row: any; column: any; rowIndex: number; columnIndex: number }) => {
-  // 需要合并的列索引
-  if (data.columnIndex === spanIndex) {
-    return getRowspan(budgetStore.budgetList, data.column.property, data.rowIndex, data.row)
-  }
-}
-
-const summaryMethod = (data: { columns: any[]; data: any[] }) => {
-  const sums = getSummaryData(data.columns, data.data, summaryColumnList)
-  // 格式化输出
-  sums[6] = formatAmount(parseFloat(sums[4] as string) - parseFloat(sums[5] as string))
-  sums[4] = formatAmount(parseFloat(sums[4] as string))
-  sums[5] = formatAmount(parseFloat(sums[5] as string))
-  sums[7] = '100%'
-  return sums
-}
-
-const editBudget = (budget: IBudgetInfo) => {
-  budgetStore.budgetApiType = 'UPDATE'
-  budgetStore.budgetDialog = {
-    title: '编辑预算',
-    visible: true,
-    data: deepCopyObject(budget)
-  }
-}
-
-const deleteBudget = (budget: IBudgetInfo) => {
-  budgetStore.budgetApiType = 'DELETE'
-  commonElMessageBox('是否删除该预算?').then(() => {
-    budgetStore.handleBlogApi(budget.id as number)
-  })
-}
-</script>
diff --git a/src/components/Home/HomeQuery.vue b/src/components/HomeQuery.vue
similarity index 100%
rename from src/components/Home/HomeQuery.vue
rename to src/components/HomeQuery.vue
diff --git a/src/components/Home/Journal/JournalCalendar.vue b/src/components/Journal/JournalCalendar.vue
similarity index 95%
rename from src/components/Home/Journal/JournalCalendar.vue
rename to src/components/Journal/JournalCalendar.vue
index 4996cab..8336c5a 100644
--- a/src/components/Home/Journal/JournalCalendar.vue
+++ b/src/components/Journal/JournalCalendar.vue
@@ -13,11 +13,11 @@
 </template>
 
 <script setup lang="ts">
-import JournalCard from '@/components/Home/Journal/JournalCard.vue'
+import JournalCard from '@/components/Journal/JournalCard.vue'
 import { reactive, watch, ref } from 'vue'
 import { formatDate, getStartEndDate } from 'vue3-common/utils/dateUtil'
 import { CalendarDay } from 'v-calendar/dist/types/src/utils/page'
-import { useAppStore } from '@/store/app'
+import { useAppStore } from '@/store/app.ts'
 import { useJournalStore } from '@/store/journal.ts'
 import { IJournal } from '@/types/journal.ts'
 
diff --git a/src/components/Home/Journal/JournalCard.vue b/src/components/Journal/JournalCard.vue
similarity index 98%
rename from src/components/Home/Journal/JournalCard.vue
rename to src/components/Journal/JournalCard.vue
index 830ce51..66e28bb 100644
--- a/src/components/Home/Journal/JournalCard.vue
+++ b/src/components/Journal/JournalCard.vue
@@ -115,7 +115,7 @@ const editClick = async () => {
 
   if (isMobile()) {
     appStore.isShowMobileBack = true
-    await router.push({ name: 'MobileHomeJournalDetailId', params: { id } })
+    await router.push({ name: 'JournalDetailId', params: { id } })
   } else {
     journalStore.journalDialog = {
       title: '编辑日记',
diff --git a/src/components/Home/Ledger/LedgerCard.vue b/src/components/Ledger/LedgerCard.vue
similarity index 87%
rename from src/components/Home/Ledger/LedgerCard.vue
rename to src/components/Ledger/LedgerCard.vue
index 8679353..e7a4b89 100644
--- a/src/components/Home/Ledger/LedgerCard.vue
+++ b/src/components/Ledger/LedgerCard.vue
@@ -40,9 +40,9 @@ import { defineProps, PropType } from 'vue'
 import { formatAmount } from 'vue3-common/utils/numberUtil'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
-import { useLedgerStore } from '@/store/ledger'
+import { useLedgerStore } from '@/store/ledger.ts'
 import { useRouter } from 'vue-router'
-import { ILedger, ILegerItem } from '@/types/ledger'
+import { ILedger, ILegerItem } from '@/types/ledger.ts'
 
 const props = defineProps({
   item: {
@@ -58,15 +58,7 @@ const editClick = async (leger: ILegerItem) => {
   ledgerStore.ledgerApiType = 'UPDATE'
   ledgerStore.currentLedgerRecord = ledgerStore.ledgerRecordList.find((item) => item.id === leger.id)
 
-  if (isMobile()) {
-    await router.push({ name: 'MobileHomeLedgerDetailId', params: { id: leger.id } })
-  } else {
-    ledgerStore.ledgerDialog = {
-      title: '编辑账本内容',
-      visible: true,
-      data: deepCopyObject(ledgerStore.currentLedgerRecord)
-    }
-  }
+  await router.push({ name: 'LedgerDetailId', params: { id: leger.id } })
 }
 </script>
 
diff --git a/src/components/Home/Ledger/LedgerQuery.vue b/src/components/Ledger/LedgerQuery.vue
similarity index 100%
rename from src/components/Home/Ledger/LedgerQuery.vue
rename to src/components/Ledger/LedgerQuery.vue
diff --git a/src/components/Home/Login/CommonLogin.vue b/src/components/Login/CommonLogin.vue
similarity index 88%
rename from src/components/Home/Login/CommonLogin.vue
rename to src/components/Login/CommonLogin.vue
index af29d94..8eab6ea 100644
--- a/src/components/Home/Login/CommonLogin.vue
+++ b/src/components/Login/CommonLogin.vue
@@ -45,12 +45,6 @@
                :loading="authStore.loginLoading"
                @click.prevent="handleLogin('common')">登录
     </el-button>
-    <div />
-    <el-button type="primary" style="width: 100%;"
-               :disabled="!authStore.isVerified"
-               :loading="authStore.loginAdminLoading"
-               @click.prevent="handleLogin('admin')">登录管理系统
-    </el-button>
 
     <div class="login-type">
       <el-button @click="authStore.changeLoginType('phone')">手机号登录</el-button>
@@ -76,15 +70,15 @@
 </template>
 
 <script setup lang="ts">
-import LoginAuth from '@/components/Home/Login/LoginAuth.vue'
-import { useAuthStore } from '@/store/auth'
+import LoginAuth from '@/components/Login/LoginAuth.vue'
+import { useAuthStore } from '@/store/auth.ts'
 import { useRouter } from 'vue-router'
-import { useUserStore } from '@/store/user'
+import { useUserStore } from '@/store/user.ts'
 import { ElMessage, FormRules } from 'element-plus'
 import { onMounted, reactive, ref } from 'vue'
-import { loginRules } from '@/utils/element/elRules'
+import { loginRules } from '@/utils/element/elRules.ts'
 import { getLocalStorage, setLocalStorage } from 'vue3-common/utils/storageUtil'
-import { ILoginType } from '@/types/auth'
+import { ILoginType } from '@/types/auth.ts'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
 
 const rules = reactive<FormRules>(loginRules)
@@ -130,7 +124,7 @@ const handleLogin = async (type: ILoginType) => {
         }
 
         if (type === 'common') {
-          await router.push('/mobile-home')
+          await router.push('/home')
         } else {
           await router.push('/admin')
         }
diff --git a/src/components/Home/Login/EmailLogin.vue b/src/components/Login/EmailLogin.vue
similarity index 95%
rename from src/components/Home/Login/EmailLogin.vue
rename to src/components/Login/EmailLogin.vue
index 5199d70..cebb5ea 100644
--- a/src/components/Home/Login/EmailLogin.vue
+++ b/src/components/Login/EmailLogin.vue
@@ -46,11 +46,11 @@
 </template>
 
 <script setup lang="ts">
-import { useAuthStore } from '@/store/auth'
+import { useAuthStore } from '@/store/auth.ts'
 import { useRouter } from 'vue-router'
 import { ElMessage, FormRules } from 'element-plus'
 import { reactive, ref } from 'vue'
-import { loginRules } from '@/utils/element/elRules'
+import { loginRules } from '@/utils/element/elRules.ts'
 
 const rules = reactive<FormRules>(loginRules)
 const authStore = useAuthStore()
diff --git a/src/components/Home/Login/LoginAuth.vue b/src/components/Login/LoginAuth.vue
similarity index 100%
rename from src/components/Home/Login/LoginAuth.vue
rename to src/components/Login/LoginAuth.vue
diff --git a/src/components/Home/Login/PhoneLogin.vue b/src/components/Login/PhoneLogin.vue
similarity index 95%
rename from src/components/Home/Login/PhoneLogin.vue
rename to src/components/Login/PhoneLogin.vue
index d3eb694..739a39b 100644
--- a/src/components/Home/Login/PhoneLogin.vue
+++ b/src/components/Login/PhoneLogin.vue
@@ -46,11 +46,11 @@
 </template>
 
 <script setup lang="ts">
-import { useAuthStore } from '@/store/auth'
+import { useAuthStore } from '@/store/auth.ts'
 import { useRouter } from 'vue-router'
 import { ElMessage, FormRules } from 'element-plus'
 import { reactive, ref } from 'vue'
-import { loginRules } from '@/utils/element/elRules'
+import { loginRules } from '@/utils/element/elRules.ts'
 
 const rules = reactive<FormRules>(loginRules)
 const authStore = useAuthStore()
diff --git a/src/components/Home/Milestone.vue b/src/components/Milestone.vue
similarity index 100%
rename from src/components/Home/Milestone.vue
rename to src/components/Milestone.vue
diff --git a/src/components/Home/ModuleCard.vue b/src/components/ModuleCard.vue
similarity index 100%
rename from src/components/Home/ModuleCard.vue
rename to src/components/ModuleCard.vue
diff --git a/src/components/Home/Password/PasswordCard.vue b/src/components/Password/PasswordCard.vue
similarity index 96%
rename from src/components/Home/Password/PasswordCard.vue
rename to src/components/Password/PasswordCard.vue
index ce8e7ba..1c6e0f2 100644
--- a/src/components/Home/Password/PasswordCard.vue
+++ b/src/components/Password/PasswordCard.vue
@@ -43,7 +43,7 @@ const editClick = async () => {
   passwordStore.passwordApiType = 'UPDATE'
 
   passwordStore.currentPassword = props.passwordItem as IPassword
-  await router.push({ name: 'MobileHomePasswordDetailId', params: { id } })
+  await router.push({ name: 'PasswordDetailId', params: { id } })
 }
 
 const deleteClick = () => {
diff --git a/src/components/Home/Password/PasswordQuery.vue b/src/components/Password/PasswordQuery.vue
similarity index 100%
rename from src/components/Home/Password/PasswordQuery.vue
rename to src/components/Password/PasswordQuery.vue
diff --git a/src/components/Home/Period/PeriodForm.vue b/src/components/Period/PeriodForm.vue
similarity index 100%
rename from src/components/Home/Period/PeriodForm.vue
rename to src/components/Period/PeriodForm.vue
diff --git a/src/components/Home/Period/PeriodLegend.vue b/src/components/Period/PeriodLegend.vue
similarity index 100%
rename from src/components/Home/Period/PeriodLegend.vue
rename to src/components/Period/PeriodLegend.vue
diff --git a/src/components/Home/Plan/PlanCalendar.vue b/src/components/Plan/PlanCalendar.vue
similarity index 99%
rename from src/components/Home/Plan/PlanCalendar.vue
rename to src/components/Plan/PlanCalendar.vue
index f3851b2..05cdc27 100644
--- a/src/components/Home/Plan/PlanCalendar.vue
+++ b/src/components/Plan/PlanCalendar.vue
@@ -5,7 +5,7 @@
 <script lang="ts" setup>
 import { onMounted, watch } from 'vue'
 import { Calendar, DateSelectArg, EventClickArg } from '@fullcalendar/core'
-import { initCommonCalendar, initMobileCalendar } from '@/utils/home/planUtil'
+import { initCommonCalendar, initMobileCalendar } from '@/utils/home/planUtil.ts'
 import { usePlanStore } from '@/store/plan.ts'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
 
@@ -83,7 +83,7 @@ const eventClickEvent = (eventClick: EventClickArg) => {
 </script>
 
 <style lang="scss">
-@import "@/styles/home.variable.module.scss";
+@import "@/styles/home.variable.module";
 
 $cell-height: 3.8vh;
 $time-slot-width: 70px;
diff --git a/src/components/Home/Plan/PlanCard.vue b/src/components/Plan/PlanCard.vue
similarity index 98%
rename from src/components/Home/Plan/PlanCard.vue
rename to src/components/Plan/PlanCard.vue
index b08ece3..e976c08 100644
--- a/src/components/Home/Plan/PlanCard.vue
+++ b/src/components/Plan/PlanCard.vue
@@ -66,9 +66,9 @@
 import { defineProps, PropType } from 'vue'
 import { AlarmClock, Clock } from '@element-plus/icons-vue'
 import { IPlanInfo } from '@/types/plan.ts'
-import { getRemainDays, isBeforeToday } from '@/utils/home/planUtil'
+import { getRemainDays, isBeforeToday } from '@/utils/home/planUtil.ts'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
-import { usePlanStore } from '@/store/plan'
+import { usePlanStore } from '@/store/plan.ts'
 import { useRouter } from 'vue-router'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
diff --git a/src/components/Home/Plan/PlanDialog.vue b/src/components/Plan/PlanDialog.vue
similarity index 98%
rename from src/components/Home/Plan/PlanDialog.vue
rename to src/components/Plan/PlanDialog.vue
index a5cc30b..97ffba6 100644
--- a/src/components/Home/Plan/PlanDialog.vue
+++ b/src/components/Plan/PlanDialog.vue
@@ -103,9 +103,9 @@
 
 <script lang="ts" setup>
 import { ElMessage, FormInstance, FormRules } from 'element-plus'
-import { planRules } from '@/utils/element/elRules'
+import { planRules } from '@/utils/element/elRules.ts'
 import { computed, nextTick, reactive, ref } from 'vue'
-import { isBeforeTime } from '@/utils/home/planUtil'
+import { isBeforeTime } from '@/utils/home/planUtil.ts'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { usePlanStore } from '@/store/plan.ts'
 import { useUserStore } from '@/store/user.ts'
diff --git a/src/components/Home/Plan/PlanList.vue b/src/components/Plan/PlanList.vue
similarity index 87%
rename from src/components/Home/Plan/PlanList.vue
rename to src/components/Plan/PlanList.vue
index ffd2fd6..feaebcc 100644
--- a/src/components/Home/Plan/PlanList.vue
+++ b/src/components/Plan/PlanList.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts" setup>
-import PlanCard from '@/components/Home/Plan/PlanCard.vue'
+import PlanCard from '@/components/Plan/PlanCard.vue'
 import { usePlanStore } from '@/store/plan.ts'
 
 const planStore = usePlanStore()
diff --git a/src/components/Home/Plan/PlanQuery.vue b/src/components/Plan/PlanQuery.vue
similarity index 100%
rename from src/components/Home/Plan/PlanQuery.vue
rename to src/components/Plan/PlanQuery.vue
diff --git a/src/components/Home/Plan/PlanStats.vue b/src/components/Plan/PlanStats.vue
similarity index 88%
rename from src/components/Home/Plan/PlanStats.vue
rename to src/components/Plan/PlanStats.vue
index 00caf0a..571dac5 100644
--- a/src/components/Home/Plan/PlanStats.vue
+++ b/src/components/Plan/PlanStats.vue
@@ -19,8 +19,8 @@
 </template>
 
 <script setup lang="ts">
-import StatsCard from '@/components/Home/StatsCard.vue'
-import { usePlanStore } from '@/store/plan'
+import StatsCard from '@/components/StatsCard.vue'
+import { usePlanStore } from '@/store/plan.ts'
 
 const planStore = usePlanStore()
 </script>
diff --git a/src/components/Home/Product/ProductCard.vue b/src/components/Product/ProductCard.vue
similarity index 96%
rename from src/components/Home/Product/ProductCard.vue
rename to src/components/Product/ProductCard.vue
index 248aa5e..c1a6350 100644
--- a/src/components/Home/Product/ProductCard.vue
+++ b/src/components/Product/ProductCard.vue
@@ -91,7 +91,7 @@ const editClick = async () => {
   productStore.productApiType = 'UPDATE'
 
   productStore.currentProduct = props.productItem as IProduct
-  await router.push({ name: 'MobileHomeProductDetailId', params: { id } })
+  await router.push({ name: 'ProductDetailId', params: { id } })
 }
 
 const deleteClick = () => {
@@ -103,5 +103,5 @@ const deleteClick = () => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/life.record.module.scss";
+@use "@/styles/home/life.record.module";
 </style>
diff --git a/src/components/Home/Product/ProductQuery.vue b/src/components/Product/ProductQuery.vue
similarity index 100%
rename from src/components/Home/Product/ProductQuery.vue
rename to src/components/Product/ProductQuery.vue
diff --git a/src/components/Home/Profile/ProfileAccount.vue b/src/components/Profile/ProfileAccount.vue
similarity index 100%
rename from src/components/Home/Profile/ProfileAccount.vue
rename to src/components/Profile/ProfileAccount.vue
diff --git a/src/components/Home/Profile/ProfileInfo.vue b/src/components/Profile/ProfileInfo.vue
similarity index 100%
rename from src/components/Home/Profile/ProfileInfo.vue
rename to src/components/Profile/ProfileInfo.vue
diff --git a/src/components/Home/Profile/ProfilePassword.vue b/src/components/Profile/ProfilePassword.vue
similarity index 100%
rename from src/components/Home/Profile/ProfilePassword.vue
rename to src/components/Profile/ProfilePassword.vue
diff --git a/src/components/Home/Server/ServerCard.vue b/src/components/Server/ServerCard.vue
similarity index 100%
rename from src/components/Home/Server/ServerCard.vue
rename to src/components/Server/ServerCard.vue
diff --git a/src/components/Home/Server/ServerProgress.vue b/src/components/Server/ServerProgress.vue
similarity index 100%
rename from src/components/Home/Server/ServerProgress.vue
rename to src/components/Server/ServerProgress.vue
diff --git a/src/components/Home/StatsCard.vue b/src/components/StatsCard.vue
similarity index 100%
rename from src/components/Home/StatsCard.vue
rename to src/components/StatsCard.vue
diff --git a/src/components/Test/SliderCaptcha.vue b/src/components/Test/SliderCaptcha.vue
deleted file mode 100644
index 4685b3e..0000000
--- a/src/components/Test/SliderCaptcha.vue
+++ /dev/null
@@ -1,241 +0,0 @@
-<template>
-  <div id="slideVerify"
-       class="slide-verify"
-       :style="{width: captchaInfo.sliderWidth + 'px'}"
-       @selectstart.prevent>
-    <div class="slide-verify-refresh-icon el-icon-refresh" />
-    <div class="slide-verify-info"
-         :class="{ fail: fail, show: showInfo }">{{ captchaInfo.infoText }}</div>
-    <div
-        class="slide-verify-slider"
-        :style="{width: captchaInfo.sliderWidth + 'px'}"
-        :class="{
-        'container-active': containerActive,
-        'container-success': containerSuccess,
-        'container-fail': containerFail
-      }"
-    >
-      <div class="slide-verify-slider-mask" :style="{ width: captchaInfo.sliderMaskWidth + 'px' }">
-        <div
-            class="slide-verify-slider-mask-item"
-            :style="{ left: captchaInfo.sliderLeft + 'px' }"
-            @mousedown="sliderDown"
-        >
-          <div class="slide-verify-slider-mask-item-icon el-icon-s-unfold" />
-        </div>
-      </div>
-      <span class="slide-verify-slider-text">{{ captchaInfo.infoText }}</span>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, watch, onMounted, reactive } from 'vue'
-
-const captchaInfo = reactive({
-  sliderWidth: 350,
-  sliderMaskWidth: 0,
-  sliderLeft: 0,
-  sliderX: 0,
-  sliderY: 0,
-  sliderTrail: [],
-  isOutOf: false,
-  isMouseDown: false,
-  infoText: '向右滑动'
-})
-
-const containerActive = ref(false)
-const containerSuccess = ref(false)
-const containerFail = ref(false)
-const fail = ref(false)
-const showInfo = ref(false)
-
-const initSlider = () => {
-  captchaInfo.sliderLeft = 0
-  captchaInfo.sliderMaskWidth = 0
-}
-
-const sliderDown = (event) => {
-  captchaInfo.sliderX = event.clientX
-  captchaInfo.sliderY = event.clientY
-  captchaInfo.isMouseDown = true
-  captchaInfo.isOutOf = false
-  captchaInfo.sliderTrail = []
-}
-
-const onMouseMove = (e) => {
-  if (!captchaInfo.isMouseDown || captchaInfo.isOutOf) {
-    return
-  }
-
-  const moveX = e.clientX - captchaInfo.sliderX
-  if (moveX < 0 || moveX + 38 >= captchaInfo.sliderWidth) return
-
-  captchaInfo.sliderLeft = moveX
-  containerActive.value = true
-  captchaInfo.sliderMaskWidth = moveX
-
-  const offsetY = e.clientY - captchaInfo.sliderY
-  if (offsetY > 10) {
-    initSlider()
-    captchaInfo.isOutOf = true
-    captchaInfo.infoText = '已超出边界 请重新移动'
-  }
-
-  if (moveX >= captchaInfo.sliderWidth - 50) {
-    console.log('校验成功')
-    captchaInfo.infoText = '校验成功'
-  }
-
-  // captchaInfo.sliderTrail.push(e.clientY - captchaInfo.sliderY)
-}
-
-const onMouseUp = (e) => {
-  console.log('cxx')
-  if (!captchaInfo.isMouseDown) return
-  captchaInfo.isMouseDown = false
-
-  console.log(e.clientX)
-  console.log(captchaInfo.sliderX)
-  if (e.clientX === captchaInfo.sliderX) return
-  containerActive.value = false
-
-  console.log(captchaInfo.sliderTrail)
-  // verify()
-}
-
-const verify = () => {
-  // const stddev = Math.sqrt(
-  //   captchaInfo.sliderTrail
-  //     .map((y) => y - trail.value.reduce((a, b) => a + b) / captchaInfo.sliderTrail.length)
-  //     .map((x) => x * x)
-  //     .reduce((a, b) => a + b) / captchaInfo.sliderTrail.length
-  // )
-  //
-  // if (stddev < 10) {
-  //   handleSuccess()
-  // } else {
-  //   handleFail()
-  // }
-}
-
-const handleFail = () => {
-  fail.value = true
-  showInfo.value = true
-  captchaInfo.infoText = '验证失败'
-  containerFail.value = true
-}
-
-const handleSuccess = () => {
-  showInfo.value = true
-  captchaInfo.infoText = '验证失败'
-  containerSuccess.value = true
-  setTimeout(reset, 1000)
-}
-
-const reset = () => {
-  containerActive.value = false
-  containerSuccess.value = false
-  containerFail.value = false
-  captchaInfo.sliderLeft = 0
-  captchaInfo.sliderMaskWidth = 0
-  fail.value = false
-  showInfo.value = false
-}
-
-onMounted(() => {
-  document.addEventListener('mousemove', onMouseMove)
-  document.addEventListener('mouseup', onMouseUp)
-})
-</script>
-
-<style scoped>
-.slide-verify {
-  position: relative;
-  width: 310px;
-  overflow: hidden;
-}
-
-.slide-verify-refresh-icon {
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 34px;
-  height: 34px;
-  cursor: pointer;
-  font-size: 22px;
-  line-height: 34px;
-  text-align: center;
-  font-weight: bold;
-  color: #3fdeae;
-}
-
-.slide-verify-slider {
-  position: relative;
-  text-align: center;
-  width: 310px;
-  height: 40px;
-  line-height: 40px;
-  margin-top: 15px;
-  background: #f7f9fa;
-  color: #45494c;
-  border: 1px solid #e4e7eb;
-}
-
-.slide-verify-slider-mask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 40px;
-  background: #d1e9fe;
-}
-
-.slide-verify-info {
-  position: absolute;
-  top: 170px;
-  left: 0;
-  height: 30px;
-  width: 350px;
-  color: #fff;
-  text-align: center;
-  line-height: 30px;
-  background-color: #52ccba;
-  opacity: 0;
-}
-.slide-verify-info.fail {
-  background-color: #f57a7a;
-}
-.slide-verify-info.show {
-  animation: hide 1s ease;
-}
-@keyframes hide {
-  0% { opacity: 0; }
-  100% { opacity: 0.9; }
-}
-
-.slide-verify-slider-mask-item {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 38px;
-  height: 38px;
-  background: #fff;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-  cursor: pointer;
-  transition: background 0.2s linear;
-}
-
-.container-active .slide-verify-slider-mask-item {
-  height: 38px;
-  top: -1px;
-  border: 1px solid #1991fa;
-}
-
-.container-success .slide-verify-slider-mask-item {
-  background-color: #52ccba !important;
-}
-
-.container-fail .slide-verify-slider-mask-item {
-  background-color: #f57a7a !important;
-}
-</style>
diff --git a/src/components/Home/Travel/Data/TravelBasicData.vue b/src/components/Travel/Data/TravelBasicData.vue
similarity index 100%
rename from src/components/Home/Travel/Data/TravelBasicData.vue
rename to src/components/Travel/Data/TravelBasicData.vue
diff --git a/src/components/Home/Travel/Data/TravelConsumeData.vue b/src/components/Travel/Data/TravelConsumeData.vue
similarity index 93%
rename from src/components/Home/Travel/Data/TravelConsumeData.vue
rename to src/components/Travel/Data/TravelConsumeData.vue
index a7b2724..7f4fb0b 100644
--- a/src/components/Home/Travel/Data/TravelConsumeData.vue
+++ b/src/components/Travel/Data/TravelConsumeData.vue
@@ -14,7 +14,7 @@
 <script setup lang="ts">
 import { formatAmount } from 'vue3-common/utils/numberUtil'
 import { defineProps, PropType } from 'vue'
-import { ITravelConsume } from '@/types/travel'
+import { ITravelConsume } from '@/types/travel.ts'
 
 const props = defineProps({
   data: {
diff --git a/src/components/Home/Travel/Data/TravelGuideData.vue b/src/components/Travel/Data/TravelGuideData.vue
similarity index 100%
rename from src/components/Home/Travel/Data/TravelGuideData.vue
rename to src/components/Travel/Data/TravelGuideData.vue
diff --git a/src/components/Home/Travel/Data/TravelRecordData.vue b/src/components/Travel/Data/TravelRecordData.vue
similarity index 100%
rename from src/components/Home/Travel/Data/TravelRecordData.vue
rename to src/components/Travel/Data/TravelRecordData.vue
diff --git a/src/components/Home/Travel/Form/TravelRecordDialog.vue b/src/components/Travel/Form/TravelRecordDialog.vue
similarity index 96%
rename from src/components/Home/Travel/Form/TravelRecordDialog.vue
rename to src/components/Travel/Form/TravelRecordDialog.vue
index 2e749db..c8dce89 100644
--- a/src/components/Home/Travel/Form/TravelRecordDialog.vue
+++ b/src/components/Travel/Form/TravelRecordDialog.vue
@@ -50,10 +50,10 @@
 
 <script lang="ts" setup>
 import { UploadImage } from 'vue3-common'
-import { useTravelStore } from '@/store/travel'
+import { useTravelStore } from '@/store/travel.ts'
 import { ref, reactive, computed, nextTick } from 'vue'
 import { FormRules } from 'element-plus'
-import { travelRecordRules } from '@/utils/element/elRules'
+import { travelRecordRules } from '@/utils/element/elRules.ts'
 import { MultiInput } from 'vue3-common'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
diff --git a/src/components/Home/Travel/TravelCalendar.vue b/src/components/Travel/TravelCalendar.vue
similarity index 95%
rename from src/components/Home/Travel/TravelCalendar.vue
rename to src/components/Travel/TravelCalendar.vue
index 904b26c..cc352a6 100644
--- a/src/components/Home/Travel/TravelCalendar.vue
+++ b/src/components/Travel/TravelCalendar.vue
@@ -10,12 +10,12 @@
 </template>
 
 <script setup lang="ts">
-import TravelDailyItem from '@/components/Home/Travel/TravelDailyItem.vue'
+import TravelDailyItem from '@/components/Travel/TravelDailyItem.vue'
 import { reactive, watch, ref, onMounted } from 'vue'
 import { useTravelStore } from '@/store/travel.ts'
 import { formatDate } from 'vue3-common/utils/dateUtil'
 import { CalendarDay } from 'v-calendar/dist/types/src/utils/page'
-import { useAppStore } from '@/store/app'
+import { useAppStore } from '@/store/app.ts'
 
 const calendarRef = ref()
 const travelStore = useTravelStore()
diff --git a/src/components/Home/Travel/TravelCard.vue b/src/components/Travel/TravelCard.vue
similarity index 79%
rename from src/components/Home/Travel/TravelCard.vue
rename to src/components/Travel/TravelCard.vue
index 6f08cc5..6162a30 100644
--- a/src/components/Home/Travel/TravelCard.vue
+++ b/src/components/Travel/TravelCard.vue
@@ -63,17 +63,15 @@
 
 <script setup lang="ts">
 import { Edit, MoreFilled, DeleteFilled } from '@element-plus/icons-vue'
-import { useTravelStore } from '@/store/travel'
+import { useTravelStore } from '@/store/travel.ts'
 import { useAppStore } from '@/store/app.ts'
 import { defineProps, PropType, reactive } from 'vue'
-import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { useRouter } from 'vue-router'
 import { formatDate } from 'vue3-common/utils/dateUtil'
-import { ITravelSpot } from '@/types/travel'
+import { ITravelSpot } from '@/types/travel.ts'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { serviceFileRootPath } from '@/utils'
-import { isMobile } from 'vue3-common/utils/layoutUtil'
-import { parsePerson } from '@/utils/home/travelUtil'
+import { parsePerson } from '@/utils/home/travelUtil.ts'
 
 const router = useRouter()
 const travelStore = useTravelStore()
@@ -95,25 +93,13 @@ const editClick = async () => {
   travelStore.travelSpotApiType = 'UPDATE'
   await travelStore.queryTravelSpot(id as number)
 
-  if (isMobile()) {
-    appStore.isShowMobileBack = true
-    await router.push({ name: 'MobileHomeTravelSpotForm' })
-  } else {
-    travelStore.travelSpotDialog = {
-      title: '编辑旅行',
-      visible: true,
-      data: deepCopyObject(travelStore.currentTravelSpot)
-    }
-  }
+  appStore.isShowMobileBack = true
+  await router.push({ name: 'TravelSpotForm' })
 }
 
 const viewClick = async () => {
-  if (isMobile()) {
-    appStore.isShowMobileBack = true
-    await router.push({ name: 'MobileHomeTravelDetailId', params: { id: props.travelItem?.id } })
-  } else {
-    await router.push({ name: 'HomeLifeTravelId', params: { id: props.travelItem?.id } })
-  }
+  appStore.isShowMobileBack = true
+  await router.push({ name: 'TravelDetailId', params: { id: props.travelItem?.id } })
 }
 
 const deleteClick = () => {
@@ -129,5 +115,5 @@ const changeTravelEvent = (current: number) => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/life.record.module.scss";
+@use "@/styles/home/life.record.module";
 </style>
diff --git a/src/components/Home/Travel/TravelDailyItem.vue b/src/components/Travel/TravelDailyItem.vue
similarity index 77%
rename from src/components/Home/Travel/TravelDailyItem.vue
rename to src/components/Travel/TravelDailyItem.vue
index 25dc197..e4b4195 100644
--- a/src/components/Home/Travel/TravelDailyItem.vue
+++ b/src/components/Travel/TravelDailyItem.vue
@@ -22,17 +22,15 @@
 </template>
 
 <script setup lang="ts">
-import DailySummary from '@/components/Home/DailySummary.vue'
-import DailyCard from '@/components/Home/DailyCard.vue'
+import DailySummary from '@/components/DailySummary.vue'
+import DailyCard from '@/components/DailyCard.vue'
 import { defineProps, onMounted, reactive, watch } from 'vue'
 import { useTravelStore } from '@/store/travel.ts'
-import { ITravelRecord } from '@/types/travel'
+import { ITravelRecord } from '@/types/travel.ts'
 import { formatChineseDate } from 'vue3-common/utils/dateUtil'
-import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { useAppStore } from '@/store/app.ts'
 import { useRouter } from 'vue-router'
-import { isMobile } from 'vue3-common/utils/layoutUtil'
-import { parsePerson } from '@/utils/home/travelUtil'
+import { parsePerson } from '@/utils/home/travelUtil.ts'
 
 const travelStore = useTravelStore()
 const appStore = useAppStore()
@@ -83,17 +81,9 @@ const getTravelDailyByDate = (date: string) => {
 const selectTravelRecordClick = async (travelRecord: ITravelRecord) => {
   travelStore.travelRecordApiType = 'UPDATE'
 
-  if (isMobile()) {
-    appStore.isShowMobileBack = true
-    travelStore.currentTravelRecord = travelRecord
-    await router.push({ name: 'MobileHomeTravelRecordForm' })
-  } else {
-    travelStore.travelRecordDialog = {
-      title: '编辑记录',
-      visible: true,
-      data: deepCopyObject(travelRecord)
-    }
-  }
+  appStore.isShowMobileBack = true
+  travelStore.currentTravelRecord = travelRecord
+  await router.push({ name: 'TravelRecordForm' })
 }
 </script>
 
diff --git a/src/components/Home/Travel/TravelDailyList.vue b/src/components/Travel/TravelDailyList.vue
similarity index 94%
rename from src/components/Home/Travel/TravelDailyList.vue
rename to src/components/Travel/TravelDailyList.vue
index 8990fba..fd41482 100644
--- a/src/components/Home/Travel/TravelDailyList.vue
+++ b/src/components/Travel/TravelDailyList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import TravelDailyItem from '@/components/Home/Travel/TravelDailyItem.vue'
+import TravelDailyItem from '@/components/Travel/TravelDailyItem.vue'
 import { reactive, watch } from 'vue'
 import { useTravelStore } from '@/store/travel.ts'
 
diff --git a/src/components/Home/Travel/TravelDialog.vue b/src/components/Travel/TravelDialog.vue
similarity index 98%
rename from src/components/Home/Travel/TravelDialog.vue
rename to src/components/Travel/TravelDialog.vue
index 31f4f96..7974278 100644
--- a/src/components/Home/Travel/TravelDialog.vue
+++ b/src/components/Travel/TravelDialog.vue
@@ -85,7 +85,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useTravelStore } from '@/store/travel'
+import { useTravelStore } from '@/store/travel.ts'
 import { ref, computed, reactive, nextTick } from 'vue'
 import { MultiInput } from 'vue3-common'
 import { pcTextArr } from 'element-china-area-data'
diff --git a/src/components/Home/Travel/TravelQuery.vue b/src/components/Travel/TravelQuery.vue
similarity index 96%
rename from src/components/Home/Travel/TravelQuery.vue
rename to src/components/Travel/TravelQuery.vue
index 92eb82a..e166f41 100644
--- a/src/components/Home/Travel/TravelQuery.vue
+++ b/src/components/Travel/TravelQuery.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import { useTravelStore } from '@/store/travel'
+import { useTravelStore } from '@/store/travel.ts'
 import { isMobile } from 'vue3-common/utils/layoutUtil'
 import { ref, onMounted } from 'vue'
 import { ICategory } from '@/types'
diff --git a/src/components/Home/Travel/TravelSpotList.vue b/src/components/Travel/TravelSpotList.vue
similarity index 94%
rename from src/components/Home/Travel/TravelSpotList.vue
rename to src/components/Travel/TravelSpotList.vue
index b4a929e..d978d61 100644
--- a/src/components/Home/Travel/TravelSpotList.vue
+++ b/src/components/Travel/TravelSpotList.vue
@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import { Plus } from '@element-plus/icons-vue'
-import TravelCard from '@/components/Home/Travel/TravelCard.vue'
+import TravelCard from '@/components/Travel/TravelCard.vue'
 import { useTravelStore } from '@/store/travel.ts'
 import { isLargeScreen } from '@/utils'
 
diff --git a/src/components/Home/Travel/TravelStats.vue b/src/components/Travel/TravelStats.vue
similarity index 93%
rename from src/components/Home/Travel/TravelStats.vue
rename to src/components/Travel/TravelStats.vue
index 4df04db..7c0d4a2 100644
--- a/src/components/Home/Travel/TravelStats.vue
+++ b/src/components/Travel/TravelStats.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import StatsCard from '@/components/Home/StatsCard.vue'
+import StatsCard from '@/components/StatsCard.vue'
 import { useTravelStore } from '@/store/travel.ts'
 
 const travelStore = useTravelStore()
diff --git a/src/components/Home/kpi/KpiCalendar.vue b/src/components/kpi/KpiCalendar.vue
similarity index 95%
rename from src/components/Home/kpi/KpiCalendar.vue
rename to src/components/kpi/KpiCalendar.vue
index 9b72892..666841b 100644
--- a/src/components/Home/kpi/KpiCalendar.vue
+++ b/src/components/kpi/KpiCalendar.vue
@@ -13,11 +13,11 @@
 </template>
 
 <script setup lang="ts">
-import KpiCard from '@/components/Home/kpi/KpiCard.vue'
+import KpiCard from '@/components/kpi/KpiCard.vue'
 import { reactive, watch, ref } from 'vue'
 import { formatDate, getStartEndDate } from 'vue3-common/utils/dateUtil'
 import { CalendarDay } from 'v-calendar/dist/types/src/utils/page'
-import { useAppStore } from '@/store/app'
+import { useAppStore } from '@/store/app.ts'
 import { useKpiStore } from '@/store/kpi.ts'
 import { IKpi } from '@/types/kpi.ts'
 
diff --git a/src/components/Home/kpi/KpiCard.vue b/src/components/kpi/KpiCard.vue
similarity index 94%
rename from src/components/Home/kpi/KpiCard.vue
rename to src/components/kpi/KpiCard.vue
index e093fb3..96a2493 100644
--- a/src/components/Home/kpi/KpiCard.vue
+++ b/src/components/kpi/KpiCard.vue
@@ -20,7 +20,7 @@ import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { useKpiStore } from '@/store/kpi.ts'
 import { useAppStore } from '@/store/app.ts'
 import { useRouter } from 'vue-router'
-import { IKpi } from '@/types/kpi'
+import { IKpi } from '@/types/kpi.ts'
 
 const props = defineProps({
   itemList: {
@@ -44,7 +44,7 @@ const editClick = async (kpi: IKpi) => {
 
   if (isMobile()) {
     appStore.isShowMobileBack = true
-    await router.push({ name: 'MobileHomeKpiDetailId', params: { id } })
+    await router.push({ name: 'KpiDetailId', params: { id } })
   } else {
     kpiStore.kpiDialog = {
       title: '编辑绩效',
diff --git a/src/layout/mobile-home/TabBar.vue b/src/layout/TabBar.vue
similarity index 67%
rename from src/layout/mobile-home/TabBar.vue
rename to src/layout/TabBar.vue
index a6bca0f..86e1b11 100644
--- a/src/layout/mobile-home/TabBar.vue
+++ b/src/layout/TabBar.vue
@@ -1,150 +1,150 @@
 <template>
   <div class="tab-bar">
-    <router-link to="/mobile-home" @click="routerClick()" class="item">
+    <router-link to="/home" @click="routerClick()" class="item">
       <i class="fa-solid fa-house"></i>
       <span>主页</span>
     </router-link>
 
-    <router-link v-if="path.includes('bill')" to="/mobile-home/bill/data"
+    <router-link v-if="path.includes('bill')" to="/bill/data"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>日常</span>
     </router-link>
-    <router-link v-if="path.includes('bill')" to="/mobile-home/bill/chart"
+    <router-link v-if="path.includes('bill')" to="/bill/chart"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-chart-pie"></i>
       <span>统计</span>
     </router-link>
-    <router-link v-if="path.includes('bill')" to="/mobile-home/bill/setting"
+    <router-link v-if="path.includes('bill')" to="/bill/setting"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-gear"></i>
       <span>设置</span>
     </router-link>
 
-    <router-link v-if="path.includes('food')" to="/mobile-home/food/recipe"
+    <router-link v-if="path.includes('food')" to="/food/recipe"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-utensils"></i>
       <span>菜谱</span>
     </router-link>
-    <router-link v-if="path.includes('food')" to="/mobile-home/food/record"
+    <router-link v-if="path.includes('food')" to="/food/record"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>记录</span>
     </router-link>
 
-    <router-link v-if="path.includes('travel')" to="/mobile-home/travel/spot"
+    <router-link v-if="path.includes('travel')" to="/travel/spot"
                  @click="routerClick()" class="item">
       <i class="iconfont icon-jingdian"></i>
       <span>景点</span>
     </router-link>
-    <router-link v-if="path.includes('travel')" to="/mobile-home/travel/record"
+    <router-link v-if="path.includes('travel')" to="/travel/record"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>记录</span>
     </router-link>
 
-    <router-link v-if="path.includes('plan')" to="/mobile-home/plan/calendar"
+    <router-link v-if="path.includes('plan')" to="/plan/calendar"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>日程</span>
     </router-link>
-    <router-link v-if="path.includes('plan')" to="/mobile-home/plan/list"
+    <router-link v-if="path.includes('plan')" to="/plan/list"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-list"></i>
       <span>清单</span>
     </router-link>
 
-    <router-link v-if="path.includes('anniversary')" to="/mobile-home/anniversary/list"
+    <router-link v-if="path.includes('anniversary')" to="/anniversary/list"
                  @click="routerClick()" class="item">
       <i class="fa-regular fa-calendar-check"></i>
       <span>纪念日</span>
     </router-link>
-    <router-link v-if="path.includes('anniversary')" to="/mobile-home/anniversary/category"
+    <router-link v-if="path.includes('anniversary')" to="/anniversary/category"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-table-cells"></i>
       <span>分类</span>
     </router-link>
 
-    <router-link v-if="path.includes('period')" to="/mobile-home/period/calendar"
+    <router-link v-if="path.includes('period')" to="/period/calendar"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>记录</span>
     </router-link>
-    <router-link v-if="path.includes('period')" to="/mobile-home/period/setting"
+    <router-link v-if="path.includes('period')" to="/period/setting"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-gear"></i>
       <span>设置</span>
     </router-link>
 
-    <router-link v-if="path.includes('product')" to="/mobile-home/product/list"
+    <router-link v-if="path.includes('product')" to="/product/list"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-list-ul"></i>
       <span>清单</span>
     </router-link>
 
-    <router-link v-if="path.includes('journal')" to="/mobile-home/journal/record"
+    <router-link v-if="path.includes('journal')" to="/journal/record"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>记录</span>
     </router-link>
-    <router-link v-if="path.includes('journal')" to="/mobile-home/journal/timeline"
+    <router-link v-if="path.includes('journal')" to="/journal/timeline"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-timeline"></i>
       <span>时间轴</span>
     </router-link>
 
-    <router-link v-if="path.includes('kpi')" to="/mobile-home/kpi/record"
+    <router-link v-if="path.includes('kpi')" to="/kpi/record"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-calendar-days"></i>
       <span>记录</span>
     </router-link>
 
-    <router-link v-if="path.includes('asset')" to="/mobile-home/asset/list"
+    <router-link v-if="path.includes('asset')" to="/asset/list"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-list-ul"></i>
       <span>清单</span>
     </router-link>
 
-    <router-link v-if="path.includes('ledger')" to="/mobile-home/ledger/list"
+    <router-link v-if="path.includes('ledger')" to="/ledger/list"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-list-ul"></i>
       <span>清单</span>
     </router-link>
 
-    <router-link v-if="path.includes('password')" to="/mobile-home/password/list"
+    <router-link v-if="path.includes('password')" to="/password/list"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-list-ul"></i>
       <span>清单</span>
     </router-link>
 
-    <router-link v-if="path.includes('server')" to="/mobile-home/server/monitor"
+    <router-link v-if="path.includes('server')" to="/server/monitor"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-desktop"></i>
       <span>监控</span>
     </router-link>
-    <router-link v-if="path.includes('server')" to="/mobile-home/server/file"
+    <router-link v-if="path.includes('server')" to="/server/file"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-folder"></i>
       <span>文件</span>
     </router-link>
 
-    <router-link v-if="path.includes('blog')" to="/mobile-home/blog/overview"
+    <router-link v-if="path.includes('blog')" to="/blog/overview"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-book-open"></i>
       <span>列表</span>
     </router-link>
-    <router-link v-if="path.includes('blog')" to="/mobile-home/blog/category"
+    <router-link v-if="path.includes('blog')" to="/blog/category"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-table-cells"></i>
       <span>分类</span>
     </router-link>
-    <router-link v-if="path.includes('blog')" to="/mobile-home/blog/archive"
+    <router-link v-if="path.includes('blog')" to="/blog/archive"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-box-archive"></i>
       <span>归档</span>
     </router-link>
 
-    <router-link to="/mobile-home/profile/index"
+    <router-link to="/profile/index"
                  @click="routerClick()" class="item">
       <i class="fa-solid fa-user"></i>
       <span>我的</span>
diff --git a/src/layout/mobile-home/TitleBar.vue b/src/layout/TitleBar.vue
similarity index 96%
rename from src/layout/mobile-home/TitleBar.vue
rename to src/layout/TitleBar.vue
index bfe1694..e2bbc11 100644
--- a/src/layout/mobile-home/TitleBar.vue
+++ b/src/layout/TitleBar.vue
@@ -31,7 +31,7 @@
 
 <script lang="ts" setup>
 import { SvgIcon } from 'vue3-common'
-import MobileSetting from '@/components/Mobile/MobileSetting.vue'
+import MobileSetting from '@/components/Common/MobileSetting.vue'
 import { Back } from '@element-plus/icons-vue'
 import { Setting } from '@element-plus/icons-vue'
 import { useRouter } from 'vue-router'
diff --git a/src/layout/admin/components/NavBar/index.vue b/src/layout/admin/components/NavBar/index.vue
deleted file mode 100644
index be567ed..0000000
--- a/src/layout/admin/components/NavBar/index.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <section class="layout-navbar">
-    <div class="left-container">
-      <!-- 控制菜单栏的显示 -->
-      <hamburger
-          id="hamburger-container"
-          :is-active="sidebar.opened"
-          class="hamburger-container"
-          @toggleClick="toggleSideBar" />
-    </div>
-
-    <h3 class="title">Sweet Hut</h3>
-
-    <!-- 右上角菜单栏 -->
-    <div class="right-container">
-      <!--      <div class="note-wrapper">-->
-      <!--        <el-tooltip effect="dark" content="警告信息" placement="bottom">-->
-      <!--          <el-badge is-dot class="item">-->
-      <!--            <svg-icon icon-class="danger" />-->
-      <!--          </el-badge>-->
-      <!--        </el-tooltip>-->
-
-      <!--        <el-tooltip effect="dark" content="待办事项" placement="bottom">-->
-      <!--          <el-badge is-dot class="item">-->
-      <!--            <svg-icon icon-class="todo" @click="viewTodoList"/>-->
-      <!--          </el-badge>-->
-      <!--        </el-tooltip>-->
-      <!--      </div>-->
-
-      <!-- 下拉框组件 -->
-      <el-dropdown>
-        <div class="avatar-wrapper">
-          <svg-icon name="admin-user" class="user-avatar" style="color: #0d9488;"/>
-          <span class="username">管理员</span>
-          <el-icon><caret-bottom /></el-icon>
-        </div>
-
-        <!-- 下拉框菜单 -->
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item @click="updatePasswordClick">
-              <span style="display:block;">修改密码</span>
-            </el-dropdown-item>
-
-            <el-dropdown-item @click="logoutClick">
-              <span style="display:block;">退出登录</span>
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-    </div>
-  </section>
-</template>
-
-<script setup lang="ts">
-import { Hamburger, SvgIcon } from 'vue3-common'
-import 'vue3-common/styles/Hamburger.css'
-import { CaretBottom } from '@element-plus/icons-vue'
-import { computed } from 'vue'
-import { useRouter } from 'vue-router'
-import { useAppStore } from '@/store/app'
-
-const router = useRouter()
-const appStore = useAppStore()
-
-const sidebar = computed(() => appStore.sidebar)
-
-/**
- * 侧边栏控制
- */
-const toggleSideBar = () => {
-  appStore.toggleSideBar()
-}
-
-const viewTodoList = () => {
-  console.log('待办事项')
-}
-
-/**
- * 修改密码
- */
-const updatePasswordClick = () => {
-  router.push('/profile')
-}
-
-/**
- * 退出登录
- */
-const logoutClick = () => {
-  // userStore.removeAll()
-  router.push('/login')
-  // 刷新页面 否则会出现切换用户 丢失动态路由的现象
-  // location.reload()
-}
-</script>
diff --git a/src/layout/admin/components/SideBar/Logo.vue b/src/layout/admin/components/SideBar/Logo.vue
deleted file mode 100644
index d61dd70..0000000
--- a/src/layout/admin/components/SideBar/Logo.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div :class="{'collapse':collapse}">
-    <!-- 跳转到首页 -->
-    <transition name="sidebarLogoFade">
-      <!-- 根据collapse控制Logo组件，即是否显示标题 -->
-      <router-link v-if="collapse" key="collapse" class="logo" to="/admin/dashboard">
-        <!--        <img :src="logoInfo.logo" alt="logo">-->
-      </router-link>
-      <router-link v-else key="expand" class="logo" to="/admin/dashboard">
-        <img :src="getAssetsImageFile('logo/logo.png')"
-             alt="logo">
-      </router-link>
-    </transition>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { defineProps } from 'vue'
-import { getAssetsImageFile } from '@/utils'
-
-defineProps({
-  collapse: {
-    type: Boolean,
-    require: true
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-// 动画样式
-.sidebarLogoFade-enter-active {
-  transition: opacity 1.5s;
-}
-
-.sidebarLogoFade-enter,
-.sidebarLogoFade-leave-to {
-  opacity: 0;
-}
-</style>
diff --git a/src/layout/admin/components/SideBar/index.vue b/src/layout/admin/components/SideBar/index.vue
deleted file mode 100644
index 20bb74d..0000000
--- a/src/layout/admin/components/SideBar/index.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <aside class="layout-sidebar">
-    <logo :collapse="isCollapse" class="layout-logo"/>
-
-    <menu-list :route="useRoute()"
-               :routers="adminRoutes"
-               :collapse="isCollapse"
-               class="layout-menu"/>
-  </aside>
-</template>
-
-<script lang="ts" setup>
-import Logo from './Logo.vue'
-import { MenuList } from 'vue3-common'
-import adminRoutes from '@/router/admin'
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-import { useAppStore } from '@/store/app'
-
-const appStore = useAppStore()
-const isCollapse = computed(() => !appStore.sidebar.opened)
-</script>
-
diff --git a/src/layout/admin/index.vue b/src/layout/admin/index.vue
deleted file mode 100644
index 20c6385..0000000
--- a/src/layout/admin/index.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <section :class="classObj" class="layout-admin">
-    <side-bar/>
-
-    <section class="layout-main">
-      <nav-bar/>
-
-      <section class="app-main">
-        <router-view />
-      </section>
-    </section>
-  </section>
-</template>
-
-<script setup lang="ts">
-import SideBar from './components/SideBar/index.vue'
-import NavBar from './components/NavBar/index.vue'
-
-import { computed } from 'vue'
-import { useAppStore } from '@/store/app'
-
-const app = useAppStore()
-
-const classObj = computed(() => {
-  // 控制侧边栏的显示状态
-  return {
-    hideSidebar: !app.sidebar.opened,
-    openSidebar: app.sidebar.opened,
-    withoutAnimation: app.sidebar.withoutAnimation,
-    mobile: app.device === 'mobile'
-  }
-})
-</script>
-
-<style lang="scss">
-@use '@/styles/admin.layout.module.scss';
-</style>
diff --git a/src/layout/home/components/HomeTitle.vue b/src/layout/home/components/HomeTitle.vue
deleted file mode 100644
index bafe956..0000000
--- a/src/layout/home/components/HomeTitle.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <div class="title-container">
-    <span class="title">{{ appStore.homeTitle }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useAppStore } from '@/store/app.ts'
-const appStore = useAppStore()
-</script>
diff --git a/src/layout/home/components/Navbar/HomeMenu.vue b/src/layout/home/components/Navbar/HomeMenu.vue
deleted file mode 100644
index 2d7f972..0000000
--- a/src/layout/home/components/Navbar/HomeMenu.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <menu-list :route="useRoute()" :routers="homeRoutes" :mode="'horizontal'" class="layout-menu"/>
-</template>
-
-<script setup lang="ts">
-import { useRoute } from 'vue-router'
-import { MenuList } from 'vue3-common'
-import homeRoutes from '@/router/home'
-</script>
diff --git a/src/layout/home/components/Navbar/index.vue b/src/layout/home/components/Navbar/index.vue
deleted file mode 100644
index d09e9c5..0000000
--- a/src/layout/home/components/Navbar/index.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <aside class="layout-navbar">
-    <div class="title-container">
-
-    </div>
-
-    <home-menu />
-
-    <div class="right-container">
-      <home-query />
-
-      <el-dropdown placement="bottom">
-        <el-avatar :src="getAssetsImageFile('avatar.jpg')" ></el-avatar>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item @click="profileClick">个人中心</el-dropdown-item>
-            <el-dropdown-item @click="logoutClick">退出登录</el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-    </div>
-  </aside>
-</template>
-
-<script setup lang="ts">
-import HomeMenu from '@/layout/home/components/Navbar/HomeMenu.vue'
-import HomeQuery from '@/components/Home/HomeQuery.vue'
-import { getAssetsImageFile } from '@/utils'
-import { useRouter } from 'vue-router'
-import { commonElMessageBox } from 'vue3-common/utils/elUtil'
-
-const router = useRouter()
-
-const profileClick = () => {
-  router.push('/home/profile')
-}
-
-const logoutClick = () => {
-  commonElMessageBox('请确认是否退出登录？').then(() => {
-    router.push('/')
-  })
-}
-</script>
diff --git a/src/layout/home/index.vue b/src/layout/home/index.vue
deleted file mode 100644
index 18853f2..0000000
--- a/src/layout/home/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <section class="layout-home">
-    <navbar/>
-
-    <section class="layout-main">
-      <router-view />
-    </section>
-  </section>
-</template>
-
-<script lang="ts" setup>
-import Navbar from '@/layout/home/components/Navbar/index.vue'
-</script>
-
-<style lang="scss">
-@use "@/styles/home.layout.module.scss";
-</style>
diff --git a/src/layout/mobile-home/index.vue b/src/layout/index.vue
similarity index 55%
rename from src/layout/mobile-home/index.vue
rename to src/layout/index.vue
index 41ab38c..fd27359 100644
--- a/src/layout/mobile-home/index.vue
+++ b/src/layout/index.vue
@@ -9,10 +9,10 @@
 </template>
 
 <script lang="ts" setup>
-import TitleBar from '@/layout/mobile-home/TitleBar.vue'
-import TabBar from '@/layout/mobile-home/TabBar.vue'
+import TitleBar from '@/layout/TitleBar.vue'
+import TabBar from '@/layout/TabBar.vue'
 </script>
 
 <style lang="scss">
-@use "@/styles/mobile.home.layout.module.scss";
+@use "@/styles/mobile.home.layout.module";
 </style>
diff --git a/src/main.ts b/src/main.ts
index e3e977f..43eb012 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,10 +16,6 @@ import zhCn from 'element-plus/es/locale/lang/zh-cn'
 import VCalendar from 'v-calendar'
 import 'v-calendar/style.css'
 
-// 引入粒子特效
-// import Particles from '@tsparticles/vue3'
-// import { loadSlim } from '@tsparticles/slim'
-
 // 引入font-awesome
 import 'font-awesome/css/font-awesome.min.css'
 import '@fortawesome/fontawesome-free/css/all.css'
@@ -37,12 +33,6 @@ app.use(router)
 app.use(createPinia())
 // 使用Element UI Plus
 app.use(ElementPlus, { locale: zhCn })
-// app.use(Particles, {
-//   init: async (engine: any) => {
-//     // 加载精简版
-//     await loadSlim(engine)
-//   }
-// })
 app.use(VCalendar, {})
 // 挂载到根组件上
 app.mount('#app')
diff --git a/src/router/admin.ts b/src/router/admin.ts
deleted file mode 100644
index 9ce65bd..0000000
--- a/src/router/admin.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import AdminLayout from '@/layout/admin/index.vue'
-import { adminMeta } from '@/views/admin/meta'
-import { getRoutersByModules, sortRoutesByOrder } from 'vue3-common/utils/routerUtil'
-
-const adminRoutes = getRoutersByModules(import.meta.glob('@/views/admin/**/*.vue'), AdminLayout, adminMeta)
-
-export default sortRoutesByOrder(adminRoutes)
diff --git a/src/router/constant.ts b/src/router/constant.ts
index c7bfec1..b5070d1 100644
--- a/src/router/constant.ts
+++ b/src/router/constant.ts
@@ -10,31 +10,9 @@ const constantRoutes: RouteRecordRaw[] = [
     component: () => import('@/views/login/index.vue'),
     meta: { hidden: true }
   },
-  {
-    path: '/home/profile',
-    component: () => import('@/layout/home/index.vue'),
-    redirect: '/home/profile/index',
-    meta: { hidden: true },
-    children: [
-      {
-        path: '/home/profile/index',
-        component: () => import('@/views/profile/index.vue'),
-        name: 'Profile',
-        meta: { title: '个人中心', hidden: true }
-      }
-    ]
-  },
   {
     path: '/home',
-    redirect: '/home/property'
-  },
-  {
-    path: '/admin',
-    redirect: '/admin/dashboard'
-  },
-  {
-    path: '/mobile-home',
-    component: () => import('@/views/mobile/index.vue'),
+    component: () => import('@/views/home/index.vue'),
     meta: { hidden: true }
   }
 ]
diff --git a/src/router/home.ts b/src/router/home.ts
index be9dca1..5745bba 100644
--- a/src/router/home.ts
+++ b/src/router/home.ts
@@ -1,7 +1,8 @@
-import MobileHomeLayout from '@/layout/mobile-home/index.vue'
+import MobileHomeLayout from '@/layout/index.vue'
 import { getRoutersByModules, sortRoutesByOrder } from 'vue3-common/utils/routerUtil'
-import { mobileHomeMeta } from '@/views/mobile-home/meta.ts'
+import { mobileHomeMeta } from '@/views/meta.ts'
 
-const homeRoutes = getRoutersByModules(import.meta.glob('@/views/mobile-home/**/*.vue'), MobileHomeLayout, mobileHomeMeta)
+// TODO 参考CCRT
+const homeRoutes = getRoutersByModules(import.meta.glob('@/views/**/*.vue'), MobileHomeLayout, mobileHomeMeta)
 
 export default sortRoutesByOrder(homeRoutes)
diff --git a/src/store/blog.ts b/src/store/blog.ts
index eb1337a..fe7f5dd 100644
--- a/src/store/blog.ts
+++ b/src/store/blog.ts
@@ -4,7 +4,7 @@ import {
   IBlogLatest, IBlogNestedComment, IBlogStats, INewBlog, IQueryBlog
 } from '@/types/blog'
 import {
-  addBlogApi, addBlogCommentApi, deleteBlogApi, queryAdminBlogApi, queryAdminBlogByIdApi, queryAdminBlogCategoryApi,
+  addBlogApi, addBlogCommentApi, deleteBlogApi,
   queryBlogApi, queryBlogByConditionApi, queryBlogByIdApi,
   queryBlogCategoryApi, queryBlogCommentApi, queryBlogStatsApi, queryLatestBlogApi, updateBlogApi
 } from '@/apis/blog.ts'
@@ -79,12 +79,6 @@ export const useBlogStore = defineStore('blog', {
       this.blogList.push(...result.records)
       this.pageInfo.totalSize = result.total
     },
-    async queryAdminBlog() {
-      const { currentPage, pageSize } = this.adminPageInfo
-      const result = await queryAdminBlogApi(currentPage, pageSize)
-      this.blogList = result.records
-      this.pageInfo.totalSize = result.total
-    },
     async queryBlogByCondition(query: IQueryBlog) {
       this.blogList = await queryBlogByConditionApi(query)
     },
@@ -93,9 +87,6 @@ export const useBlogStore = defineStore('blog', {
       await this.queryBlogComment(this.currentBlogId)
       this.blogNestedCommentList = flattenToTwoLevel(this.blogCommentList)
     },
-    async queryAdminBlogById(id: number) {
-      this.currentBlog = await queryAdminBlogByIdApi(id)
-    },
     async queryBlogComment(blogId: number) {
       this.blogCommentList = await queryBlogCommentApi(blogId)
     },
@@ -106,9 +97,6 @@ export const useBlogStore = defineStore('blog', {
     async queryBlogCategory() {
       this.blogCategoryList = await queryBlogCategoryApi()
     },
-    async queryAdminBlogCategory() {
-      this.blogCategoryList = await queryAdminBlogCategoryApi()
-    },
     async queryBlogStats() {
       this.blogStats = await queryBlogStatsApi()
     },
@@ -140,16 +128,6 @@ export const useBlogStore = defineStore('blog', {
       await this.queryBlogStats()
       await this.queryLatestBlog()
     },
-    getEmptyBlog(): INewBlog {
-      return {
-        id: 0,
-        category: '',
-        content: '',
-        isGreat: false,
-        title: '',
-        topValue: 0
-      }
-    },
     getEmptyBlogComment(): IBlogComment {
       return {
         blogId: 0,
diff --git a/src/styles/blog/blog.archive.module.scss b/src/styles/blog/blog.archive.module.scss
new file mode 100644
index 0000000..cf4726f
--- /dev/null
+++ b/src/styles/blog/blog.archive.module.scss
@@ -0,0 +1,51 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-archive {
+  display: flex;
+  flex-direction: column;
+  gap: 3vh;
+  padding: 10vh 2vw;
+
+  ::v-deep(.el-date-editor) {
+    align-self: center;
+  }
+
+  .total {
+    align-self: center;
+    font-size: blog.$normal-font-size;
+    color: blog.$normal-text-color;
+  }
+
+  .time-line {
+    height: 100%;
+    padding: 10px;
+    overflow: auto;
+
+    .item {
+      height: 5vh;
+
+      .date {
+        color: blog.$normal-text-color;
+        margin-right: 5px;
+      }
+
+      .title {
+        font-size: blog.$normal-font-size;
+        color: blog.$normal-text-color;
+        cursor: pointer;
+        text-decoration: underline;
+        text-underline-offset: 0.2rem;
+      }
+
+      .title:hover {
+        color: var(--color-text);
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .blog-archive {
+    padding: 20px 10px;
+  }
+}
diff --git a/src/styles/blog/blog.category.detail.module.scss b/src/styles/blog/blog.category.detail.module.scss
new file mode 100644
index 0000000..e7cfb8f
--- /dev/null
+++ b/src/styles/blog/blog.category.detail.module.scss
@@ -0,0 +1,59 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-category-detail {
+  padding: 10vh 2vw;
+
+  display: flex;
+  flex-direction: column;
+  gap: 3vh;
+
+  .name {
+    font-weight: bold;
+    text-align: center;
+    font-size: blog.$large-font-size;
+  }
+
+  .category-detail-list {
+    height: 100%;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 2vh;
+
+    .item {
+      display: grid;
+      grid-template-columns: 40px 200px 1fr;
+      justify-items: center;
+      align-items: center;
+      gap: 10px;
+      cursor: pointer;
+      color: blog.$normal-text-color;
+
+      padding-bottom: 0.5vh;
+      border: none;
+      border-bottom: 1px dashed blog.$gray-text-color;
+
+      .number, .date {
+        text-align: center;
+      }
+
+      .title {
+        justify-self: start;
+      }
+
+      span {
+        padding: 0.2vw;
+      }
+    }
+
+    .item:hover {
+      color: var(--color-text);
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .blog-category-detail {
+    padding: 20px 10px;
+  }
+}
diff --git a/src/styles/blog/blog.category.module.scss b/src/styles/blog/blog.category.module.scss
new file mode 100644
index 0000000..710f5ea
--- /dev/null
+++ b/src/styles/blog/blog.category.module.scss
@@ -0,0 +1,69 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-category {
+  display: flex;
+  flex-direction: column;
+  gap: 3vh;
+  padding: 10vh 2vw;
+
+  .total {
+    text-align: center;
+    font-size: blog.$normal-font-size;
+    color: blog.$normal-text-color;
+  }
+
+  .category-list {
+    height: 100%;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    overflow: auto;
+
+    .item {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+      padding-bottom: 5px;
+      border-bottom: 1px dashed blog.$gray-text-color;
+      color: blog.$normal-text-color;
+
+      i {
+        font-size:28px;
+        color: #0f8bc7;
+      }
+
+      .content {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+
+        .label {
+          cursor: pointer;
+          color: blog.$normal-text-color;
+          font-size: blog.$normal-font-size;
+        }
+
+        .label:hover {
+          color: blog.$hover-text-color;
+        }
+
+        .value {
+          font-size: blog.$normal-font-size;
+          color: blog.$gray-text-color;
+        }
+      }
+    }
+
+    .item:hover {
+      color: var(--color-text);
+      cursor: pointer;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .blog-category {
+    padding: 20px 10px;
+  }
+}
diff --git a/src/styles/blog/blog.detail.module.scss b/src/styles/blog/blog.detail.module.scss
new file mode 100644
index 0000000..3b8c66b
--- /dev/null
+++ b/src/styles/blog/blog.detail.module.scss
@@ -0,0 +1,71 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-detail {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 2vh;
+  padding: 10vh 2vw 3vh 2vw;
+
+  .blog-md {
+    height: 100%;
+    width: 100%;
+    padding: 10px;
+    overflow: auto;
+
+    .md-editor {
+      height: 100%;
+    }
+  }
+}
+
+.blog-title {
+  width: 100%;
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  align-items: center;
+  gap: 1vh;
+
+  .title {
+    background-color: blog.$theme-color;
+    padding: 5px;
+    border: 2px solid blog.$theme-color;
+    border-radius: 10px;
+    text-align: center;
+    font-size: blog.$blog-title-font-size;
+    font-family: "华文楷体", serif;
+  }
+}
+
+.blog-copyright {
+  width: 100%;
+  background-color: var(--color-copyright-bg);
+
+  padding: 10px;
+  border-left: 3px solid #FD2C17;
+  font-size:  blog.$small-font-size;
+
+  display: flex;
+  flex-direction: column;
+  gap: 1vh;
+
+  strong {
+    margin-right: 0.2vw;
+  }
+}
+
+.blog-ending {
+  span {
+    color: #CFCFCF;
+  }
+}
+
+.blog-detail-mobile {
+  padding: 10px;
+
+  display: flex;
+  flex-direction: column;
+  gap: 2vh;
+}
diff --git a/src/styles/blog/blog.footbar.module.scss b/src/styles/blog/blog.footbar.module.scss
new file mode 100644
index 0000000..856461d
--- /dev/null
+++ b/src/styles/blog/blog.footbar.module.scss
@@ -0,0 +1,15 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-site-footer {
+  padding: 10px 0;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+
+  span {
+    font-size: blog.$small-font-size;
+  }
+}
diff --git a/src/styles/blog/blog.label.module.scss b/src/styles/blog/blog.label.module.scss
new file mode 100644
index 0000000..bdb1270
--- /dev/null
+++ b/src/styles/blog/blog.label.module.scss
@@ -0,0 +1,57 @@
+@use "blog.variable.module.scss" as blog;
+
+.label-list {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 1vh;
+
+  margin-bottom: 1vh;
+
+  .container {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+
+    .item {
+      font-size: blog.$small-font-size;
+      color: blog.$gray-text-color;
+      display: flex;
+      align-items: center;
+      gap: 5px;
+
+      span {
+        font-size: blog.$small-font-size;
+        font-family: "Times New Roman", serif;
+      }
+    }
+  }
+
+  .top-value {
+    color: #7d26cd !important;
+  }
+
+  .great {
+    color: #FFFFFF !important;
+    background-color: #7d26cd;
+    padding: 2px;
+  }
+
+  .date {
+    text-decoration: underline dotted;
+    text-underline-offset: 0.2em;
+  }
+
+  .category {
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+    color: blog.$normal-text-color;
+    cursor: pointer;
+  }
+
+  .category:hover {
+    color: blog.$hover-text-color;
+  }
+}
diff --git a/src/styles/blog/blog.module.scss b/src/styles/blog/blog.module.scss
new file mode 100644
index 0000000..9d30e96
--- /dev/null
+++ b/src/styles/blog/blog.module.scss
@@ -0,0 +1,60 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-container {
+  // height: 100%;
+  background-color: var(--color-bg);
+  padding: 0 5vw;
+
+  display: grid;
+  grid-template-columns: minmax(13vw, 200px) 1fr;
+  column-gap: 2vw;
+
+  aside {
+    display: grid;
+    grid-template-rows: 40vh 60vh;
+    row-gap: 2vh;
+    z-index: 2;
+
+    .blog-summary {
+      // 滚动到顶部固定
+      position: sticky;
+      top: 0;
+    }
+  }
+
+  section {
+    z-index: 2;
+
+    display: flex;
+    flex-direction: column;
+    gap: 2vh;
+
+    .blog-section {
+      // height: 100%;
+      min-height: 100vh;
+      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12),
+                  0 3px 1px -2px rgba(0,0,0,0.06),
+                  0 1px 5px 0 rgba(0,0,0,0.12),
+                  0 -1px 0.5px 0 rgba(0,0,0,0.09);
+
+      .module-title {
+        background-color: blog.$theme-color;
+        padding: 5px;
+        border: 2px solid blog.$theme-color;
+        border-radius: 10px;
+        text-align: center;
+        font-size: blog.$large-font-size;
+        font-family: "华文楷体", serif;
+      }
+    }
+  }
+
+  .card-item {
+    background-color: var(--color-card-bg);
+    border: 1px solid var(--color-border-bg);
+    border-radius: blog.$border-radius;
+    // box-shadow: 3px 3px 3px #CFCFCF;
+  }
+}
+
+
diff --git a/src/styles/blog/blog.overview.module.scss b/src/styles/blog/blog.overview.module.scss
new file mode 100644
index 0000000..7759d56
--- /dev/null
+++ b/src/styles/blog/blog.overview.module.scss
@@ -0,0 +1,87 @@
+@use "blog.variable.module.scss" as blog;
+
+$blog-content-list-item-height: 38vh;
+$blog-content-title-font-size: 1.6rem;
+$hr-color: #CFCFCF;
+
+.blog-content-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 5vh;
+  padding: 10vh 2vw 2vh 2vw;
+  position: relative;
+
+  .blog-content {
+    width: 100%;
+    height: $blog-content-list-item-height;
+    padding: 4vh 1vw;
+
+    border: 1px solid blog.$border-color;
+    border-radius: 15px;
+    box-shadow: 0 0 5px blog.$border-color;
+  }
+
+  .blog-content-empty {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .blog-content-summary {
+    display: grid;
+    grid-template-rows: 1fr 1fr 8vh 1fr 1fr;
+    justify-items: center;
+    align-items: center;
+    gap: 2vh;
+
+    .title {
+      font-size: $blog-content-title-font-size;
+      font-family: "华文楷体", serif;
+      font-weight: bolder;
+      position: relative;
+    }
+
+    // 自动展开下划线
+    .title:after {
+      content: "";
+      width: 0;
+      height: 2px;
+      background: blog.$theme-color;
+      // 初始位置在底部中间
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      // 动画时间
+      transition: all .8s;
+    }
+
+    // 悬浮式展开到100%
+    .title:hover::after {
+      width: 100%;
+      left: 0;
+    }
+
+    .content {
+      font-size: blog.$normal-font-size;
+      line-height: 150%;
+    }
+
+    hr {
+      width: 10%;
+      height: 1px;
+      background-color: $hr-color;
+      border: none;
+    }
+
+    span, p {
+      font-family: '华为行楷',serif;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .blog-content-list {
+    padding: 10px;
+  }
+}
diff --git a/src/styles/blog/blog.sidebar.module.scss b/src/styles/blog/blog.sidebar.module.scss
new file mode 100644
index 0000000..657968b
--- /dev/null
+++ b/src/styles/blog/blog.sidebar.module.scss
@@ -0,0 +1,281 @@
+@use "blog.variable.module.scss" as blog;
+
+$title-font-color: #FFFFFF;
+$title-font-size: 1.8rem;
+$sub-title-font-size: 1rem;
+
+.blog-aside {
+  .top-container {
+    width: 100%;
+    display: grid;
+    grid-template-rows: 2fr 3fr;
+
+    .title-container {
+      background-color: blog.$theme-color;
+      border-top-left-radius: 15px;
+      border-top-right-radius: 15px;
+
+      display: grid;
+      grid-template-rows: 1fr 1fr;
+      justify-items: center;
+      align-items: center;
+
+      padding: 10px;
+
+      .title {
+        color: $title-font-color;
+        font-size: $title-font-size;
+      }
+
+      .sub-title {
+        font-family: "华文楷体", serif;
+        font-size: $sub-title-font-size;
+        text-align: center;
+        line-height: 150%;
+      }
+    }
+
+    .blog-menu-container {
+      align-self: center;
+      height: 90%;
+      display: grid;
+      grid-template-rows: repeat(4, 1fr);
+      align-items: center;
+
+      .el-menu-item {
+        height: 5vh;
+        gap: 0.5vw;
+        font-size: blog.$normal-font-size;
+
+        .menu-title {
+
+        }
+
+        .value {
+          position: absolute;
+          right: 10%;
+          line-height: 2vh;
+
+          background-color: blog.$normal-bg-color;
+          padding: 2px;
+          border: solid 1px blog.$normal-bg-color;
+          border-radius: 15px;
+
+          color: var(--color-bg);
+          font-size: blog.$small-font-size;
+          font-family: "Times New Roman",serif;
+        }
+      }
+    }
+
+    .el-menu {
+      border: none;
+    }
+  }
+
+  .blog-summary {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1vh;
+
+    .blog-summary-tab {
+      margin-top: 1vh;
+      height: 5vh;
+      display: flex;
+      align-items: center;
+      gap: 1vw;
+
+      span {
+        font-size: blog.$small-font-size;
+      }
+
+      span:hover {
+        color: #FC6423;
+        cursor: pointer;
+      }
+
+      .tab-active {
+        color: #FC6423;
+        text-decoration: underline;
+        text-underline-offset: 0.5em;
+      }
+    }
+
+    .blog-brief {
+      height: 100%;
+      width: 100%;
+      display: grid;
+      grid-template-rows: 150px 50px 50px 1fr;
+      justify-items: center;
+      align-items: center;
+      gap: 1vh;
+
+      .avatar {
+        padding: 1vh 1vw;
+        display: grid;
+        grid-template-rows: 100px 1fr;
+        justify-items: center;
+        align-items: center;
+        gap: 1vh;
+
+        img {
+          width: 100px;
+          height: 100px;
+          border-radius: 50%;
+          transition: all 2.0s;
+          cursor: pointer;
+        }
+
+        img:hover {
+          transform: rotate(360deg);
+        }
+
+        span {
+          font-weight: bold;
+        }
+      }
+
+      .info {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        justify-items: center;
+        align-items: center;
+        gap: 1vw;
+
+        .item {
+          display: grid;
+          grid-template-rows: 1fr 1fr;
+          justify-items: center;
+          align-items: center;
+          gap: 5px;
+          cursor: pointer;
+
+          .name {
+            color: blog.$gray-text-color;
+          }
+
+          .name:hover {
+            color: var(--color-text);
+          }
+        }
+      }
+
+      .social {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        cursor: pointer;
+
+        .item {
+          width: 100%;
+          padding: 5px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          gap: 5px;
+          color: blog.$normal-text-color;
+          font-size: blog.$small-font-size;
+
+          .name {
+            font-size: blog.$small-font-size;
+          }
+        }
+
+        .item:hover {
+          background-color: var(--color-card-bg);
+          color: var(--color-text);
+        }
+      }
+
+      .latest-blog {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1vh;
+
+        .title {
+          span {
+            margin-left: 5px;
+            font-weight: bold;
+          }
+        }
+
+        .blog-list {
+          width: 100%;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 1.5vh;
+          cursor: pointer;
+
+          span {
+            text-align: center;
+            text-decoration: underline;
+            text-underline-offset: 0.1em;
+            font-size: blog.$small-font-size;
+            color: blog.$normal-text-color;
+
+            width: 80%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          span:hover {
+            color: var(--color-text);
+          }
+        }
+      }
+
+      .blog-time {
+        width: 10vw;
+        height: 100%;
+      }
+
+      span {
+        font-size: blog.$normal-font-size;
+      }
+    }
+
+    .md-editor-catalog {
+      height: 100%;
+      width: 100%;
+      overflow: auto;
+
+      span {
+        word-break: break-all;
+        white-space: normal;
+        font-size: blog.$smaller-font-size;
+        color: #666666;
+      }
+    }
+
+    .scroll-container {
+      padding: 2px 0;
+      width: 100%;
+      border-color: blog.$border-color;
+      border-bottom-left-radius: blog.$border-radius;
+      border-bottom-right-radius: blog.$border-radius;
+      background-color: var(--color-scroll-card-bg);
+
+      text-align: center;
+
+      .fa-arrow-up {
+        color: blog.$theme-color;
+        margin-right: 0.2vw;
+      }
+
+      span {
+        font-size: blog.$small-font-size;
+        color: #A19FA0;
+      }
+    }
+
+    .scroll-container:hover {
+      cursor: pointer;
+    }
+  }
+}
diff --git a/src/styles/blog/blog.tools.module.scss b/src/styles/blog/blog.tools.module.scss
new file mode 100644
index 0000000..73e949b
--- /dev/null
+++ b/src/styles/blog/blog.tools.module.scss
@@ -0,0 +1,129 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-tools {
+  position: absolute;
+
+  .book-mark-link {
+    border-bottom: none;
+    display: block;
+    position: fixed;
+    top: -2px;
+    left: 20px;
+    color: #222;
+    font-size: 26px;
+    transition: .3s;
+    z-index: 2;
+  }
+
+  .github-corner {
+    border-bottom: none;
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    color: #222;
+    font-size: 26px;
+    transition: .3s;
+    z-index: 2;
+  }
+
+  .github-corner:hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out
+  }
+
+  @keyframes octocat-wave {
+    0%, 100% {
+      transform: rotate(0)
+    }
+    20%, 60% {
+      transform: rotate(-25deg)
+    }
+    40%, 80% {
+      transform: rotate(10deg)
+    }
+  }
+
+  @media (max-width: 500px) {
+    .github-corner:hover .octo-arm {
+      animation: none
+    }
+    .github-corner .octo-arm {
+      animation: octocat-wave 560ms ease-in-out
+    }
+  }
+
+  #particles {
+    position: absolute;
+    z-index: 0;
+  }
+
+  .heart {
+    position: fixed;
+    opacity: 1;
+    scale: 1;
+    width: 10px;
+    height: 10px;
+    background: red;
+    transform: rotate(45deg);
+    z-index: 2;
+  }
+
+  .heart:after, .heart:before {
+    content: "";
+    width: inherit;
+    height: inherit;
+    background: inherit;
+    border-radius: 50%;
+    position: absolute;
+  }
+
+  .heart:after {
+    top: -5px;
+  }
+
+  .heart:before {
+    left: -5px;
+  }
+
+  @keyframes move {
+    100% {
+      transform: translateY(-20px) rotate(45deg);
+      opacity: 0;
+    }
+  }
+
+  .blog-progress {
+    /* Positioning */
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 3px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: none;
+    background-color: transparent;
+    color: blog.$theme-color;
+    z-index: 3;
+  }
+
+  .blog-progress::-webkit-progress-bar {
+    background-color: transparent;
+  }
+
+  .blog-progress::-webkit-progress-value {
+    background-color: blog.$theme-color;
+  }
+
+  .blog-progress::-moz-progress-bar {
+    background-color: blog.$theme-color;
+  }
+
+  .theme-button {
+    position: fixed;
+    top: -2px;
+    left: 50px;
+    z-index: 10;
+  }
+}
diff --git a/src/styles/blog/blog.variable.module.scss b/src/styles/blog/blog.variable.module.scss
new file mode 100644
index 0000000..383b7f5
--- /dev/null
+++ b/src/styles/blog/blog.variable.module.scss
@@ -0,0 +1,23 @@
+$bg-color: #EEEEEE;
+$card-bg-color: #FFFFFF;
+
+// 主题颜色
+$theme-color: #009FA8;
+// 正常文本颜色
+$normal-text-color: #555555;
+// 悬浮文本颜色
+$hover-text-color: #000000;
+// 灰色文本颜色
+$gray-text-color: #9C9C9C;
+
+$normal-bg-color: #CCCCCC;
+$hover-bg-color: #F9F9F9;
+
+$blog-title-font-size: 1.6rem;
+$large-font-size: 1.3rem;
+$normal-font-size: 1rem;
+$small-font-size: 0.9rem;
+$smaller-font-size: 0.8rem;
+
+$border-color: #EEEEEE;
+$border-radius: 15px;
diff --git a/src/styles/index.module.scss b/src/styles/index.module.scss
index b629794..866b589 100644
--- a/src/styles/index.module.scss
+++ b/src/styles/index.module.scss
@@ -77,7 +77,7 @@ span, input {
 
 @font-face {
   font-family: 'CustomFont';
-  src: url('@/assets/font/custom.ttf') format('truetype');
+  src: url('@/assets/font/custom.woff2') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
diff --git a/src/utils/blog/blogUtil.ts b/src/utils/blog/blogUtil.ts
new file mode 100644
index 0000000..21b7e1d
--- /dev/null
+++ b/src/utils/blog/blogUtil.ts
@@ -0,0 +1,35 @@
+import { IBasicBlog, IBlog, IBlogComment, IBlogNestedComment } from '@/types/blog.ts'
+
+export const getBasicBlog = (blog: IBlog): IBasicBlog => {
+  return {
+    category: blog.category,
+    isGreat: blog.isGreat,
+    readDuration: blog.readDuration,
+    topValue: blog.topValue,
+    wordCount: blog.wordCount,
+    visitCount: blog.visitCount,
+    createTime: blog.createTime,
+    updateTime: blog.updateTime
+  }
+}
+
+// 扁平化数据转两层嵌套结构
+export function flattenToTwoLevel(comments: IBlogComment[]): IBlogNestedComment[] {
+  // 创建评论映射表，快速查找评论
+  const commentMap = new Map<number, IBlogComment>()
+  comments.forEach((comment) => commentMap.set(comment.id, comment))
+
+  // 结果数组
+  const result: IBlogNestedComment[] = []
+
+  // 遍历所有评论，构建两层结构
+  comments.forEach((comment) => {
+    if (comment.parentId === 0) {
+      // 顶层评论
+      const replies = comments.filter((reply) => reply.parentId === comment.id)
+      result.push({ comment, replies })
+    }
+  })
+
+  return result
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 96fb8be..3673f35 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -21,12 +21,12 @@ export const setActiveClass = (parentClassName: string, elementTag: string,
 /**
  * 文件服务器地址
  */
-export const fileServiceUrl = '/home-service/file'
+export const fileServiceUrl = '/home-api/file'
 
 /**
  * 服务器文件路径根地址
  */
-export const serviceFileRootPath = '/home-service/'
+export const serviceFileRootPath = '/home-api/'
 
 /**
  * 获取assets静态资源
diff --git a/src/views/admin/account/index.vue b/src/views/admin/account/index.vue
deleted file mode 100644
index 4428782..0000000
--- a/src/views/admin/account/index.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<template>
-  <div class="admin-module">
-    <div class="button-container">
-      <el-button type="primary" @click="addClick">新增账号</el-button>
-    </div>
-
-    <el-table
-        :data="accountInfo.accountList"
-        border stripe
-        :header-cell-style="tableHeaderStyle()"
-        :cell-style="tableCellStyle()"
-        :row-style="tableRowStyle()"
-        style="width: 100%"
-        class="card-item">
-      <el-table-column type="index" align="center" width="50" />
-      <el-table-column prop="username" label="用户姓名" align="center" min-width="20%"/>
-      <el-table-column prop="accountName" label="账号名称" align="center" min-width="20%"/>
-      <el-table-column prop="date" label="创建日期" align="center" min-width="20%"/>
-      <el-table-column label="账号状态" align="center" min-width="20%">
-        <template #default="scope">
-          <el-tag v-if="scope.row.state === 0" type="primary">正常</el-tag>
-          <el-tag v-else-if="scope.row.state === 1" type="warning">禁用</el-tag>
-          <el-tag v-else-if="scope.row.state === 2" type="danger">注销</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column fixed="right" label="操作" align="center" width="280">
-        <template #default="scope">
-          <el-button type="primary" @click="resetClick(scope.row)">重置密码</el-button>
-          <el-button type="primary" @click="disableClick(scope.row)">禁用</el-button>
-          <el-button type="danger" @click="deleteClick(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <el-dialog v-model="accountInfo.accountDialog.visible"
-               :title="accountInfo.accountDialog.title"
-               center width="500" @open="openDialogEvent">
-      <el-form ref="formRef" :model="accountInfo.accountDialog.data"
-               :rules="rules" label-width="100px">
-        <el-form-item label="账号名称" prop="accountName">
-          <el-input v-model="accountInfo.accountDialog.data.accountName" autocomplete="off"
-                    placeholder="请输入账号名称（登录账号）"
-                    :maxlength="10" show-word-limit clearable/>
-        </el-form-item>
-        <el-form-item label="用户姓名" prop="username">
-          <el-input v-model="accountInfo.accountDialog.data.username" autocomplete="off"
-                    placeholder="请输入用户姓名"
-                    :maxlength="10" show-word-limit clearable/>
-        </el-form-item>
-        <el-form-item label="账号密码" prop="password">
-          <el-input v-model="accountInfo.accountDialog.data.password" autocomplete="off"
-                    placeholder="请输入密码" clearable show-password/>
-        </el-form-item>
-        <el-form-item label="确认密码" prop="confirmPassword">
-          <el-input v-model="accountInfo.accountDialog.data.confirmPassword" autocomplete="off"
-                    placeholder="请再次输入密码" clearable show-password/>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="cancelClick">取消</el-button>
-          <el-button type="primary" @click="confirmClick">确认</el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import { commonElMessageBox, tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
-import { IAccount } from '@/types/auth.ts'
-import { ElMessage, FormRules } from 'element-plus'
-import type { IDialog, IHandleApi } from 'vue3-common/types'
-import { accountRules } from '@/utils/element/elRules.ts'
-import { deleteAccountApi, queryAccountApi, registerAccountApi } from '@/apis/account.ts'
-const formRef = ref()
-const rules = reactive<FormRules>(accountRules)
-
-const accountInfo = reactive({
-  accountList: [] as IAccount[],
-  setAccountType: 'ADD' as IHandleApi,
-  accountDialog: {
-    title: '',
-    visible: false,
-    data: {}
-  } as IDialog<IAccount>
-})
-
-onMounted(async () => {
-  accountInfo.accountList = await queryAccountApi()
-})
-
-const addClick = () => {
-  accountInfo.setAccountType = 'ADD'
-  accountInfo.accountDialog = {
-    title: '新增账号',
-    visible: true,
-    data: {
-      accountName: '',
-      password: '',
-      confirmPassword: '',
-      username: ''
-    }
-  }
-}
-
-/**
- * 点击编辑按钮
- * @param account 账户
- */
-const resetClick = async (account: IAccount) => {
-
-}
-
-const disableClick = (account: IAccount) => {
-  ElMessage.info('该功能暂未开发')
-}
-
-/**
- * 点击删除按钮
- * @param account 账户
- */
-const deleteClick = (account: IAccount) => {
-  commonElMessageBox(`请确认删除该账号：${account.accountName} ?`).then(() => {
-    accountInfo.setAccountType = 'DELETE'
-    setAccountApi(account.id)
-  })
-}
-
-const openDialogEvent = () => {
-  nextTick(() => {
-    formRef.value.clearValidate()
-  })
-}
-
-const setAccountApi = async (id?: number) => {
-  switch (accountInfo.setAccountType) {
-    case 'ADD':
-      if (checkPassword()) {
-        await registerAccountApi(accountInfo.accountDialog.data)
-        ElMessage.success('新增账号成功')
-      }
-      break
-    case 'DELETE':
-      await deleteAccountApi(id)
-      ElMessage.success('删除账号成功')
-      break
-    default:
-      break
-  }
-  accountInfo.accountList = await queryAccountApi()
-  accountInfo.accountDialog.visible = false
-}
-
-const checkPassword = () => {
-  const { password, confirmPassword } = accountInfo.accountDialog.data
-  if (password !== confirmPassword) {
-    ElMessage.error('请确认两次密码是否一致')
-    return false
-  }
-
-  return true
-}
-
-const cancelClick = () => {
-  accountInfo.accountDialog.visible = false
-}
-
-const confirmClick = async () => {
-  await formRef.value.validate(async (valid) => {
-    if (valid) {
-      if (accountInfo.setAccountType === 'ADD') {
-        if (checkPassword()) {
-          await setAccountApi(accountInfo.accountDialog.data.id)
-        }
-      }
-    }
-  })
-}
-</script>
diff --git a/src/views/admin/blog/article.vue b/src/views/admin/blog/article.vue
deleted file mode 100644
index 2ac2da6..0000000
--- a/src/views/admin/blog/article.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div class="admin-module">
-    <div class="button-container">
-      <el-button type="primary" @click="addNewBlogClick">新增文章</el-button>
-    </div>
-
-    <el-table
-        :data="blogStore.blogList"
-        border stripe
-        :header-cell-style="tableHeaderStyle()"
-        :cell-style="tableCellStyle()"
-        :row-style="tableRowStyle()"
-        class="card-item">
-      <el-table-column type="index" align="center" width="50" />
-      <el-table-column prop="title" label="标题" align="center" min-width="10%"/>
-      <el-table-column prop="category" label="类别" align="center" min-width="10%" />
-      <el-table-column label="精品" align="center" min-width="10%">
-        <template #default="scope">
-          <el-tag type="success" v-if="scope.row.isGreat">是</el-tag>
-          <el-tag type="danger" v-else>否</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="置顶" align="center" min-width="10%">
-        <template #default="scope">
-          <el-tag type="success" v-if="scope.row.topValue > 1">是</el-tag>
-          <el-tag type="danger" v-else>否</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column prop="wordCount" label="字数" align="center" min-width="10%" />
-      <el-table-column prop="visitCount" label="阅读次数" align="center" min-width="10%" />
-      <el-table-column fixed="right" label="操作" align="center" width="250">
-        <template #default="scope">
-          <el-button type="primary" @click="previewBlogClick(scope.row)">预览</el-button>
-          <el-button type="primary" @click="editBlogClick(scope.row)">编辑</el-button>
-          <el-button type="danger" @click="deleteBlogClick(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <el-pagination
-        v-model:current-page="blogStore.adminPageInfo.currentPage"
-        :page-size="blogStore.adminPageInfo.pageSize"
-        :total="blogStore.adminPageInfo.totalSize"
-        layout="total, prev, pager, next"
-        @change="changePageClick"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted } from 'vue'
-import { useBlogStore } from '@/store/blog.ts'
-import { IBlog } from '@/types/blog.ts'
-import { commonElMessageBox, tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
-import { useRouter } from 'vue-router'
-
-const router = useRouter()
-const blogStore = useBlogStore()
-
-onMounted(async () => {
-  await blogStore.queryAdminBlog()
-})
-
-/**
- * 点击切换博客页数按钮
- * @param page 页码
- * @param pageSize 每页大小
- */
-const changePageClick = async (page: number, pageSize: number) => {
-  blogStore.adminPageInfo.currentPage = page
-  blogStore.adminPageInfo.pageSize = pageSize
-  await blogStore.queryAdminBlog()
-}
-
-/**
- * 点击新增博客按钮
- */
-const addNewBlogClick = () => {
-  router.push({ name: 'AdminBlogDetailId', params: { id: 0 } })
-}
-
-/**
- * 点击预览博客按钮
- * @param blog 博客
- */
-const previewBlogClick = async (blog: IBlog) => {
-  await router.push({ name: 'AdminBlogPreviewId', params: { id: blog.id } })
-}
-
-/**
- * 点击编辑博客按钮
- * @param blog 博客
- */
-const editBlogClick = async (blog: IBlog) => {
-  await router.push({ name: 'AdminBlogDetailId', params: { id: blog.id } })
-}
-
-/**
- * 点击删除博客按钮
- * @param blog 博客
- */
-const deleteBlogClick = (blog: IBlog) => {
-  blogStore.blogApiType = 'DELETE'
-
-  commonElMessageBox('是否确认删除该博客?').then(() => {
-    blogStore.handleBlogApi(blog.id)
-  })
-}
-</script>
diff --git a/src/views/admin/blog/category.vue b/src/views/admin/blog/category.vue
deleted file mode 100644
index 4e1fa31..0000000
--- a/src/views/admin/blog/category.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <div class="admin-module">
-    <div class="button-container">
-      <el-button type="primary" @click="addNewCategoryClick">新增类别</el-button>
-    </div>
-
-    <el-table
-        :data="blogStore.blogCategoryList"
-        border stripe
-        :header-cell-style="tableHeaderStyle()"
-        :cell-style="tableCellStyle()"
-        :row-style="tableRowStyle()"
-        style="width: 50%"
-        class="card-item">
-      <el-table-column type="index" align="center" width="50" />
-      <el-table-column prop="name" label="名称" align="center" min-width="10%"/>
-      <el-table-column prop="count" label="数量" align="center" min-width="10%" />
-      <el-table-column fixed="right" label="操作" align="center" width="200">
-        <template #default="scope">
-          <el-button type="primary" @click="editCategoryClick(scope.row)">编辑</el-button>
-          <el-button type="danger" @click="deleteCategoryClick(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted } from 'vue'
-import { useBlogStore } from '@/store/blog.ts'
-import { IBlogCategory } from '@/types/blog.ts'
-import { ElMessageBox } from 'element-plus'
-import { tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
-
-const blogStore = useBlogStore()
-
-onMounted(async () => {
-  await blogStore.queryBlogCategory()
-})
-
-/**
- * 点击新增类别按钮
- */
-const addNewCategoryClick = () => {
-  ElMessageBox.prompt('请输入类别名称', '新增类别', {
-    confirmButtonText: '确认',
-    cancelButtonText: '取消',
-    inputPlaceholder: '请输入类别名称',
-    inputPattern: /^.{0,10}$/,
-    inputErrorMessage: '请输入10字以内的类别名称'
-  })
-    .then(({ value }) => {
-      console.log(value)
-    })
-}
-
-/**
- * 点击编辑类别按钮
- * @param category 类别
- */
-const editCategoryClick = async (category: IBlogCategory) => {
-  ElMessageBox.prompt('请输入类别名称', '编辑类别', {
-    confirmButtonText: '确认',
-    cancelButtonText: '取消',
-    inputValue: category.name,
-    inputPlaceholder: '请输入类别名称',
-    inputPattern: /^.{0,10}$/,
-    inputErrorMessage: '请输入10字以内的类别名称'
-  })
-    .then(({ value }) => {
-      console.log(value)
-    })
-}
-
-/**
- * 点击删除类别按钮
- * @param category 类别
- */
-const deleteCategoryClick = (category: IBlogCategory) => {
-
-}
-</script>
diff --git a/src/views/admin/blog/detail[id].vue b/src/views/admin/blog/detail[id].vue
deleted file mode 100644
index c268230..0000000
--- a/src/views/admin/blog/detail[id].vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<template>
-  <div class="admin-module admin-blog-detail">
-    <el-form ref="formRef" :model="blogStore.newBlog"
-             :inline="true" :rules="rules"
-             class="blog-form">
-      <el-form-item label="标题" name="title" prop="title">
-        <el-input v-model="blogStore.newBlog.title"
-                  :maxlength="20" show-word-limit clearable
-                  style="width: 300px"/>
-      </el-form-item>
-
-      <el-form-item label="分类" name="category" prop="category">
-        <el-select
-            v-model="blogStore.newBlog.category"
-            filterable allow-create placeholder="请选择分类" clearable
-            @focus="focusCategoryEvent" style="width: 150px">
-          <el-option
-              v-for="(value, index) in blogStore.blogCategoryList"
-              :key="index" :label="value.name" :value="value.name"/>
-        </el-select>
-      </el-form-item>
-
-      <el-form-item label="置顶值">
-        <el-input-number v-model="blogStore.newBlog.topValue"
-                         :min="1" :max="10" style="width: 120px"/>
-      </el-form-item>
-
-      <el-form-item label="精品">
-        <el-switch v-model="blogStore.newBlog.isGreat"/>
-      </el-form-item>
-    </el-form>
-
-    <MdEditor v-model="blogStore.newBlog.content" @onUploadImg="onUploadImg"/>
-
-    <div class="button-container">
-      <el-button type="primary" @click="backClick">返回</el-button>
-      <el-button type="primary" @click="submitFormEvent">保存</el-button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, reactive, onMounted, nextTick } from 'vue'
-import { useBlogStore } from '@/store/blog.ts'
-import { MdEditor } from 'md-editor-v3'
-import 'md-editor-v3/lib/style.css'
-import { ElLoading, ElMessage, FormInstance, FormRules } from 'element-plus'
-import { blogRules } from '@/utils/element/elRules.ts'
-import { useRouter, useRoute } from 'vue-router'
-import { validateBlogImage } from '@/utils/blog/blogUtil'
-import { doUploadFile } from 'vue3-common/utils/fileUtil'
-import { fileServiceUrl, serviceFileRootPath } from '@/utils'
-
-const rules = reactive<FormRules>(blogRules)
-
-const formRef = ref<FormInstance>()
-const route = useRoute()
-const router = useRouter()
-const blogStore = useBlogStore()
-
-const focusCategoryEvent = async () => {
-  await blogStore.queryAdminBlogCategory()
-}
-
-onMounted(async () => {
-  await nextTick(() => {
-    formRef.value?.clearValidate()
-  })
-
-  const blogId = route.params.id as number
-  if (blogId > 0) {
-    blogStore.blogApiType = 'UPDATE'
-    await blogStore.queryAdminBlogById(route.params.id as number)
-    blogStore.newBlog = blogStore.currentBlog
-  } else {
-    blogStore.blogApiType = 'ADD'
-    blogStore.newBlog = blogStore.getEmptyBlog()
-  }
-})
-
-/**
- * 校验博客
- */
-const validateBlog = (): boolean => {
-  if (blogStore.newBlog.content === '') {
-    ElMessage.error('请输入博客内容')
-    return false
-  }
-
-  return true
-}
-
-/**
- * 提交表单事件
- */
-const submitFormEvent = () => {
-  // 表单校验
-  formRef.value?.validate().then(async () => {
-    if (validateBlog()) {
-      await blogStore.handleBlogApi()
-      await router.push('/admin/blog/article')
-    }
-  })
-}
-
-const onUploadImg = async (files: File[], callback) => {
-  const loading = ElLoading.service({
-    lock: true,
-    text: '正在上传图片 请等待',
-    background: 'rgba(0, 0, 0, 0.7)'
-  })
-
-  if (validateBlogImage(files)) {
-    const result = await doUploadFile(fileServiceUrl, files[0], blogStore.blogImagePath, false)
-    // 显示在markdown中
-    // 注意这里需要是数组的形式
-    const urlArray = []
-    urlArray.push({
-      url: `${serviceFileRootPath}${result.url.replace(/\\/g, '/')}`,
-      alt: '暂无图片',
-      title: files[0].name
-    })
-    callback(urlArray)
-  }
-
-  loading.close()
-}
-
-const backClick = () => {
-  router.push('/admin/blog/article')
-}
-</script>
-
-<style lang="scss">
-.admin-blog-detail {
-  position: relative;
-
-  @media (max-width: 1200px) {
-    .blog-form {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-    }
-  }
-
-  .md-editor {
-    height: 80vh;
-  }
-}
-</style>
diff --git a/src/views/admin/blog/preview[id].vue b/src/views/admin/blog/preview[id].vue
deleted file mode 100644
index 6bba992..0000000
--- a/src/views/admin/blog/preview[id].vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <div class="admin-module">
-    <h3>{{ blogStore.currentBlog.title }}</h3>
-
-    <MdPreview editorId="blog-id" v-model="blogStore.currentBlog.content"/>
-
-    <div class="button-container">
-      <el-button type="primary" @click="backClick">返回</el-button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted } from 'vue'
-import { useBlogStore } from '@/store/blog.ts'
-import { MdPreview } from 'md-editor-v3'
-import 'md-editor-v3/lib/style.css'
-import { useRouter, useRoute } from 'vue-router'
-
-const route = useRoute()
-const router = useRouter()
-const blogStore = useBlogStore()
-
-
-onMounted(async () => {
-  const blogId = route.params.id as number
-  await blogStore.queryAdminBlogById(blogId)
-  blogStore.newBlog = blogStore.currentBlog
-})
-
-const backClick = () => {
-  router.push('/admin/blog/article')
-}
-</script>
diff --git a/src/views/admin/blog/visit.vue b/src/views/admin/blog/visit.vue
deleted file mode 100644
index 49f7e4d..0000000
--- a/src/views/admin/blog/visit.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <div class="admin-module">
-    <el-table
-        :data="blogInfo.blogVisitList"
-        border stripe
-        :header-cell-style="tableHeaderStyle()"
-        :cell-style="tableCellStyle()"
-        :row-style="tableRowStyle()"
-        style="width: 100%"
-        class="card-item">
-      <el-table-column type="index" align="center" width="50" />
-      <el-table-column prop="ip" label="IP" align="center" min-width="10%"/>
-      <el-table-column prop="os" label="平台" align="center" min-width="10%" />
-      <el-table-column prop="browser" label="浏览器" align="center" min-width="10%" />
-      <el-table-column prop="uri" label="路径" align="center" min-width="10%" />
-      <el-table-column prop="title" label="博客标题" align="center" min-width="10%" />
-      <el-table-column prop="visitTime" label="访问时间" align="center" min-width="10%" />
-    </el-table>
-
-    <el-pagination
-        v-model:current-page="blogInfo.pageInfo.currentPage"
-        :page-size="blogInfo.pageInfo.pageSize"
-        :total="blogInfo.pageInfo.totalSize"
-        layout="total, prev, pager, next"
-        @change="changePageClick"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, reactive } from 'vue'
-import { IBlogVisit } from '@/types/blog.ts'
-import { queryBlogVisitApi } from '@/apis/blog.ts'
-import { tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
-
-const blogInfo = reactive({
-  blogVisitList: [] as IBlogVisit[],
-  pageInfo: {
-    currentPage: 1,
-    pageSize: 15,
-    totalSize: 1
-  }
-})
-
-onMounted(async () => {
-  await queryBlogVisit()
-})
-
-/**
- * 切换页码
- * @param page 当前页码
- * @param pageSize 页码大小
- */
-const changePageClick = async (page: number, pageSize: number) => {
-  blogInfo.pageInfo.currentPage = page
-  blogInfo.pageInfo.pageSize = pageSize
-  await queryBlogVisit()
-}
-
-/**
- * 查看博客访问记录
- */
-const queryBlogVisit = async () => {
-  const { currentPage, pageSize } = blogInfo.pageInfo
-  const result = await queryBlogVisitApi(currentPage, pageSize)
-  blogInfo.blogVisitList = result.records
-  blogInfo.pageInfo.totalSize = result.total
-}
-</script>
diff --git a/src/views/admin/dashboard/index.vue b/src/views/admin/dashboard/index.vue
deleted file mode 100644
index 16d0d82..0000000
--- a/src/views/admin/dashboard/index.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div class="admin-module">
-    首页
-  </div>
-</template>
-
-<script setup lang="ts">
-
-</script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/src/views/admin/meta.ts b/src/views/admin/meta.ts
deleted file mode 100644
index f1aee86..0000000
--- a/src/views/admin/meta.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { IRouteMetaConfig } from 'vue3-common/types'
-
-export const adminMeta: IRouteMetaConfig = {
-  '/admin/dashboard': {
-    title: '首页',
-    icon: 'admin-dashboard',
-    order: 1,
-    redirect: '/admin/dashboard/index'
-  },
-  '/admin/dashboard/index': {
-    title: '首页',
-    icon: ''
-  },
-  '/admin/blog': {
-    title: '博客管理',
-    icon: 'admin-blog',
-    order: 2,
-    redirect: '/admin/blog/article'
-  },
-  '/admin/blog/article': {
-    title: '文章管理',
-    icon: ''
-  },
-  '/admin/blog/category': {
-    title: '类别管理',
-    icon: ''
-  },
-  '/admin/blog/visit': {
-    title: '访问记录',
-    icon: ''
-  },
-  '/admin/blog/detail/:id': {
-    title: '详细',
-    icon: '',
-    hidden: true
-  },
-  '/admin/blog/preview/:id': {
-    title: '详细',
-    icon: '',
-    hidden: true
-  },
-  '/admin/quartz': {
-    title: '定时任务',
-    icon: 'admin-quartz',
-    order: 3,
-    redirect: '/admin/quartz/index'
-  },
-  '/admin/quartz/index': {
-    title: '定时任务',
-    icon: ''
-  },
-  '/admin/account': {
-    title: '账号管理',
-    icon: 'admin-account',
-    order: 4,
-    redirect: '/admin/account/index'
-  },
-  '/admin/account/index': {
-    title: '账号管理',
-    icon: ''
-  }
-}
diff --git a/src/views/admin/quartz/index.vue b/src/views/admin/quartz/index.vue
deleted file mode 100644
index 0cc028d..0000000
--- a/src/views/admin/quartz/index.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div class="admin-module">
-    <el-table
-        :data="quartzInfo.quartzList"
-        border stripe
-        :header-cell-style="tableHeaderStyle()"
-        :cell-style="tableCellStyle()"
-        :row-style="tableRowStyle()"
-        style="width: 100%"
-        class="card-item">
-      <el-table-column type="index" align="center" width="50" />
-      <el-table-column prop="group" label="任务组别" align="center" min-width="20%"/>
-      <el-table-column label="任务类型" align="center" min-width="20%">
-        <template #default="scope">
-          <el-tag v-if="scope.row.type === 'EMAIL'" type="success">邮件提醒</el-tag>
-          <el-tag v-else type="danger">未知</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column prop="content" label="任务内容" align="center"/>
-      <el-table-column label="执行时间" align="center" width="200">
-        <template #default="scope">
-          {{ scope.row.executeTime }}
-        </template>
-      </el-table-column>
-      <el-table-column label="任务状态" align="center" min-width="20%">
-        <template #default="scope">
-          <el-tag v-if="scope.row.status === 'NONE'" type="danger">不存在</el-tag>
-          <el-tag v-else-if="scope.row.status === 'NORMAL'" type="primary">正常执行</el-tag>
-          <el-tag v-else-if="scope.row.status === 'PAUSED'" type="warning">暂停</el-tag>
-          <el-tag v-else-if="scope.row.status === 'COMPLETE'" type="success">完成</el-tag>
-          <el-tag v-else-if="scope.row.status === 'ERROR'" type="danger">执行出错</el-tag>
-          <el-tag v-else-if="scope.row.status === 'BLOCKED'" type="danger">阻塞</el-tag>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, reactive } from 'vue'
-import { tableCellStyle, tableHeaderStyle, tableRowStyle } from 'vue3-common/utils/elUtil'
-import { IQuartzInfo } from '@/types/quartz'
-import { queryQuartzApi } from '@/apis/quartz'
-
-const quartzInfo = reactive({
-  quartzList: [] as IQuartzInfo[]
-})
-
-onMounted(async () => {
-  quartzInfo.quartzList = await queryQuartzApi()
-})
-</script>
diff --git a/src/views/mobile-home/anniversary/category.vue b/src/views/anniversary/category.vue
similarity index 88%
rename from src/views/mobile-home/anniversary/category.vue
rename to src/views/anniversary/category.vue
index 55e5192..4b9499c 100644
--- a/src/views/mobile-home/anniversary/category.vue
+++ b/src/views/anniversary/category.vue
@@ -9,10 +9,10 @@
 </template>
 
 <script setup lang="ts">
-import CategoryCard from '@/components/Home/Anniversary/CategoryCard.vue'
+import CategoryCard from '@/components/Anniversary/CategoryCard.vue'
 import { onMounted } from 'vue'
-import { useAnniversaryStore } from '@/store/anniversary'
-import { anniversaryCategoryMap } from '@/utils/home/anniversaryUtil'
+import { useAnniversaryStore } from '@/store/anniversary.ts'
+import { anniversaryCategoryMap } from '@/utils/home/anniversaryUtil.ts'
 
 const anniversaryStore = useAnniversaryStore()
 
diff --git a/src/views/mobile-home/anniversary/detail[id].vue b/src/views/anniversary/detail[id].vue
similarity index 96%
rename from src/views/mobile-home/anniversary/detail[id].vue
rename to src/views/anniversary/detail[id].vue
index 6cb2399..2fc6860 100644
--- a/src/views/mobile-home/anniversary/detail[id].vue
+++ b/src/views/anniversary/detail[id].vue
@@ -55,13 +55,13 @@
 </template>
 
 <script lang="ts" setup>
-import { useAnniversaryStore } from '@/store/anniversary'
+import { useAnniversaryStore } from '@/store/anniversary.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { anniversaryRules } from '@/utils/element/elRules'
+import { anniversaryRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
-import { anniversaryCategoryMap } from '@/utils/home/anniversaryUtil'
+import { anniversaryCategoryMap } from '@/utils/home/anniversaryUtil.ts'
 
 const formRef = ref()
 const rules = reactive<FormRules>(anniversaryRules)
diff --git a/src/views/mobile-home/anniversary/list.vue b/src/views/anniversary/list.vue
similarity index 78%
rename from src/views/mobile-home/anniversary/list.vue
rename to src/views/anniversary/list.vue
index a0615b8..b0ca556 100644
--- a/src/views/mobile-home/anniversary/list.vue
+++ b/src/views/anniversary/list.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script setup lang="ts">
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
-import AnniversaryQuery from '@/components/Home/Anniversary/AnniversaryQuery.vue'
-import AnniversaryCard from '@/components/Home/Anniversary/AnniversaryCard.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
+import AnniversaryQuery from '@/components/Anniversary/AnniversaryQuery.vue'
+import AnniversaryCard from '@/components/Anniversary/AnniversaryCard.vue'
 import { useAnniversaryStore } from '@/store/anniversary.ts'
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -31,7 +31,7 @@ onMounted(async () => {
 const addClick = () => {
   anniversaryStore.anniversaryApiType = 'ADD'
   anniversaryStore.currentAnniversary = anniversaryStore.getEmptyAnniversary()
-  router.push({ name: 'MobileHomeAnniversaryDetailId', params: { id: 0 } })
+  router.push({ name: 'AnniversaryDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/mobile-home/asset/detail[id].vue b/src/views/asset/detail[id].vue
similarity index 97%
rename from src/views/mobile-home/asset/detail[id].vue
rename to src/views/asset/detail[id].vue
index 2db9761..345fb0f 100644
--- a/src/views/mobile-home/asset/detail[id].vue
+++ b/src/views/asset/detail[id].vue
@@ -53,10 +53,10 @@
 
 <script lang="ts" setup>
 import { AmountInput } from 'vue3-common'
-import { useAssetStore } from '@/store/asset'
+import { useAssetStore } from '@/store/asset.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { assetRules } from '@/utils/element/elRules'
+import { assetRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
diff --git a/src/views/mobile-home/asset/list.vue b/src/views/asset/list.vue
similarity index 84%
rename from src/views/mobile-home/asset/list.vue
rename to src/views/asset/list.vue
index be5a6cc..f99c0c0 100644
--- a/src/views/mobile-home/asset/list.vue
+++ b/src/views/asset/list.vue
@@ -19,9 +19,9 @@
 </template>
 
 <script setup lang="ts">
-import AssetQuery from '@/components/Home/Asset/AssetQuery.vue'
-import AssetCard from '@/components/Home/Asset/AssetCard.vue'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import AssetQuery from '@/components/Asset/AssetQuery.vue'
+import AssetCard from '@/components/Asset/AssetCard.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useAssetStore } from '@/store/asset.ts'
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -37,7 +37,7 @@ onMounted(async () => {
 const addClick = () => {
   assetStore.assetApiType = 'ADD'
   assetStore.currentAssetRecord = assetStore.getEmptyAsset()
-  router.push({ name: 'MobileHomeAssetDetailId', params: { id: 0 } })
+  router.push({ name: 'AssetDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/mobile-home/bill/chart.vue b/src/views/bill/chart.vue
similarity index 79%
rename from src/views/mobile-home/bill/chart.vue
rename to src/views/bill/chart.vue
index bf71056..20fe6b7 100644
--- a/src/views/mobile-home/bill/chart.vue
+++ b/src/views/bill/chart.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script lang="ts" setup>
-import BillQuery from '@/components/Home/Bill/BillQuery.vue'
-import BillStats from '@/components/Home/Bill/BillStats.vue'
-import BillChart from '@/components/Home/Bill/BillChart.vue'
+import BillQuery from '@/components/Bill/BillQuery.vue'
+import BillStats from '@/components/Bill/BillStats.vue'
+import BillChart from '@/components/Bill/BillChart.vue'
 import { onMounted } from 'vue'
 import { useBillStore } from '@/store/bill.ts'
 
@@ -32,5 +32,5 @@ onMounted(async () => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/bill.mobile.module.scss";
+@use "@/styles/home/bill.mobile.module";
 </style>
diff --git a/src/views/mobile-home/bill/data.vue b/src/views/bill/data.vue
similarity index 73%
rename from src/views/mobile-home/bill/data.vue
rename to src/views/bill/data.vue
index ab3a170..53caf76 100644
--- a/src/views/mobile-home/bill/data.vue
+++ b/src/views/bill/data.vue
@@ -10,9 +10,9 @@
 </template>
 
 <script lang="ts" setup>
-import BillQuery from '@/components/Home/Bill/BillQuery.vue'
-import BillCalendar from '@/components/Home/Bill/BillCalendar.vue'
-import BillDailyList from '@/components/Home/Bill/BillDailyList.vue'
+import BillQuery from '@/components/Bill/BillQuery.vue'
+import BillCalendar from '@/components/Bill/BillCalendar.vue'
+import BillDailyList from '@/components/Bill/BillDailyList.vue'
 import { onMounted } from 'vue'
 import { useBillStore } from '@/store/bill.ts'
 import { Plus } from '@element-plus/icons-vue'
@@ -28,10 +28,10 @@ onMounted(async () => {
 const addNewBillRecordClick = () => {
   billStore.billApiType = 'ADD'
   billStore.currentBillRecord = billStore.getEmptyBillRecord()
-  router.push({ name: 'MobileHomeBillDetailId', params: { id: 0 } })
+  router.push({ name: 'BillDetailId', params: { id: 0 } })
 }
 </script>
 
 <style lang="scss">
-@use "@/styles/home/bill.mobile.module.scss";
+@use "@/styles/home/bill.mobile.module";
 </style>
diff --git a/src/views/mobile-home/bill/detail[id].vue b/src/views/bill/detail[id].vue
similarity index 98%
rename from src/views/mobile-home/bill/detail[id].vue
rename to src/views/bill/detail[id].vue
index 9a8e49d..0406de3 100644
--- a/src/views/mobile-home/bill/detail[id].vue
+++ b/src/views/bill/detail[id].vue
@@ -106,13 +106,13 @@
 
 <script lang="ts" setup>
 import { UploadImage, AmountInput } from 'vue3-common'
-import { useBillStore } from '@/store/bill'
+import { useBillStore } from '@/store/bill.ts'
 import { useAppStore } from '@/store/app.ts'
 import { Location, Document } from '@element-plus/icons-vue'
 import { FormRules } from 'element-plus'
-import { billRecordRules } from '@/utils/element/elRules'
+import { billRecordRules } from '@/utils/element/elRules.ts'
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import { IBillCategory } from '@/types/bill'
+import { IBillCategory } from '@/types/bill.ts'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 
diff --git a/src/views/mobile-home/bill/setting.vue b/src/views/bill/setting.vue
similarity index 70%
rename from src/views/mobile-home/bill/setting.vue
rename to src/views/bill/setting.vue
index c02e37f..8f4b907 100644
--- a/src/views/mobile-home/bill/setting.vue
+++ b/src/views/bill/setting.vue
@@ -15,14 +15,14 @@
 </template>
 
 <script lang="ts" setup>
-import BillBook from '@/components/Home/Bill/BillBook.vue'
-import BillPay from '@/components/Home/Bill/BillPay.vue'
-import BillCategory from '@/components/Home/Bill/BillCategory.vue'
+import BillBook from '@/components/Bill/BillBook.vue'
+import BillPay from '@/components/Bill/BillPay.vue'
+import BillCategory from '@/components/Bill/BillCategory.vue'
 import { ref } from 'vue'
 
 const activeName = ref('book')
 </script>
 
 <style lang="scss">
-@use "@/styles/home/bill.mobile.module.scss";
+@use "@/styles/home/bill.mobile.module";
 </style>
diff --git a/src/views/mobile-home/blog/archive.vue b/src/views/blog/archive.vue
similarity index 91%
rename from src/views/mobile-home/blog/archive.vue
rename to src/views/blog/archive.vue
index 1dc63a2..6318568 100644
--- a/src/views/mobile-home/blog/archive.vue
+++ b/src/views/blog/archive.vue
@@ -51,10 +51,10 @@ const changeDateEvent = async (value: Date) => {
  */
 const viewBlogClick = async (index: number) => {
   const blogId = blogStore.blogList[index].id
-  await router.push({ name: 'MobileHomeBlogDetailId', params: { id: blogId } })
+  await router.push({ name: 'BlogDetailId', params: { id: blogId } })
 }
 </script>
 
 <style scoped lang="scss">
-@use "@/styles/blog/blog.archive.module.scss";
+@use "@/styles/blog/blog.archive.module";
 </style>
diff --git a/src/views/mobile-home/blog/category.vue b/src/views/blog/category.vue
similarity index 90%
rename from src/views/mobile-home/blog/category.vue
rename to src/views/blog/category.vue
index bc41274..b95a43f 100644
--- a/src/views/mobile-home/blog/category.vue
+++ b/src/views/blog/category.vue
@@ -35,10 +35,10 @@ onMounted(() => {
  */
 const viewBlogCategoryClick = async (name: string) => {
   appStore.isShowMobileBack = true
-  await router.push({ name: 'MobileHomeBlogCategoryName', params: { name } })
+  await router.push({ name: 'BlogCategoryName', params: { name } })
 }
 </script>
 
 <style scoped lang="scss">
-@use "@/styles/blog/blog.category.module.scss";
+@use "@/styles/blog/blog.category.module";
 </style>
diff --git a/src/views/mobile-home/blog/category[name].vue b/src/views/blog/category[name].vue
similarity index 95%
rename from src/views/mobile-home/blog/category[name].vue
rename to src/views/blog/category[name].vue
index e0e5b47..2918d49 100644
--- a/src/views/mobile-home/blog/category[name].vue
+++ b/src/views/blog/category[name].vue
@@ -37,5 +37,5 @@ const viewBlogClick = async (index: number) => {
 </script>
 
 <style scoped lang="scss">
-@use "@/styles/blog/blog.category.detail.module.scss";
+@use "@/styles/blog/blog.category.detail.module";
 </style>
diff --git a/src/views/mobile-home/blog/detail[id].vue b/src/views/blog/detail[id].vue
similarity index 97%
rename from src/views/mobile-home/blog/detail[id].vue
rename to src/views/blog/detail[id].vue
index b915d16..1b4c793 100644
--- a/src/views/mobile-home/blog/detail[id].vue
+++ b/src/views/blog/detail[id].vue
@@ -51,5 +51,5 @@ onMounted(async () => {
 </script>
 
 <style scoped lang="scss">
-@use "@/styles/blog/blog.detail.module.scss";
+@use "@/styles/blog/blog.detail.module";
 </style>
diff --git a/src/views/mobile-home/blog/overview.vue b/src/views/blog/overview.vue
similarity index 91%
rename from src/views/mobile-home/blog/overview.vue
rename to src/views/blog/overview.vue
index 8c91cc3..97ecd9c 100644
--- a/src/views/mobile-home/blog/overview.vue
+++ b/src/views/blog/overview.vue
@@ -24,7 +24,7 @@
 
 <script setup lang="ts">
 import BlogLabel from '@/components/Blog/Content/BlogLabel.vue'
-import ArriveBottom from '@/components/Mobile/ArriveButton.vue'
+import ArriveBottom from '@/components/Common/ArriveButton.vue'
 import { useRouter } from 'vue-router'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { useBlogStore } from '@/store/blog.ts'
@@ -55,7 +55,7 @@ onBeforeUnmount(() => {
  */
 const readBlogClick = async (index: number) => {
   const blogId = blogStore.blogList[index].id
-  await router.push({ name: 'MobileHomeBlogDetailId', params: { id: blogId } })
+  await router.push({ name: 'BlogDetailId', params: { id: blogId } })
 }
 
 const handleScroll = () => {
@@ -72,5 +72,5 @@ const handleScroll = () => {
 </script>
 
 <style lang="scss">
-@use "@/styles/blog/blog.overview.module.scss";
+@use "@/styles/blog/blog.overview.module";
 </style>
diff --git a/src/views/mobile-home/food/detail[id].vue b/src/views/food/detail[id].vue
similarity index 66%
rename from src/views/mobile-home/food/detail[id].vue
rename to src/views/food/detail[id].vue
index cd890eb..d165906 100644
--- a/src/views/mobile-home/food/detail[id].vue
+++ b/src/views/food/detail[id].vue
@@ -24,11 +24,11 @@
 import { useFoodStore } from '@/store/food.ts'
 import { useAppStore } from '@/store/app.ts'
 import { useRoute } from 'vue-router'
-import FoodBasicData from '@/components/Home/Food/Data/FoodBasicData.vue'
-import FoodMaterialData from '@/components/Home/Food/Data/FoodMaterialData.vue'
-import FoodStepData from '@/components/Home/Food/Data/FoodStepData.vue'
-import FoodOthersData from '@/components/Home/Food/Data/FoodOthersData.vue'
-import FoodRecordData from '@/components/Home/Food/Data/FoodRecordData.vue'
+import FoodBasicData from '@/components/Food/Data/FoodBasicData.vue'
+import FoodMaterialData from '@/components/Food/Data/FoodMaterialData.vue'
+import FoodStepData from '@/components/Food/Data/FoodStepData.vue'
+import FoodOthersData from '@/components/Food/Data/FoodOthersData.vue'
+import FoodRecordData from '@/components/Food/Data/FoodRecordData.vue'
 import { onMounted } from 'vue'
 
 const foodStore = useFoodStore()
@@ -42,5 +42,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/life.detail.module.scss";
+@use "@/styles/home/life.detail.module";
 </style>
diff --git a/src/views/mobile-home/food/recipe.vue b/src/views/food/recipe.vue
similarity index 86%
rename from src/views/mobile-home/food/recipe.vue
rename to src/views/food/recipe.vue
index 9ce5ca5..a80022c 100644
--- a/src/views/mobile-home/food/recipe.vue
+++ b/src/views/food/recipe.vue
@@ -16,9 +16,9 @@
 </template>
 
 <script lang="ts" setup>
-import FoodQuery from '@/components/Home/Food/FoodQuery.vue'
-import FoodCard from '@/components/Home/Food/FoodCard.vue'
-import ArriveBottom from '@/components/Mobile/ArriveButton.vue'
+import FoodQuery from '@/components/Food/FoodQuery.vue'
+import FoodCard from '@/components/Food/FoodCard.vue'
+import ArriveBottom from '@/components/Common/ArriveButton.vue'
 import { useFoodStore } from '@/store/food.ts'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 
@@ -54,5 +54,5 @@ const handleScroll = () => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/food.mobile.module.scss";
+@use "@/styles/home/food.mobile.module";
 </style>
diff --git a/src/views/mobile-home/food/record.vue b/src/views/food/record.vue
similarity index 67%
rename from src/views/mobile-home/food/record.vue
rename to src/views/food/record.vue
index 4706b17..8293f4d 100644
--- a/src/views/mobile-home/food/record.vue
+++ b/src/views/food/record.vue
@@ -9,9 +9,9 @@
 </template>
 
 <script lang="ts" setup>
-import FoodStats from '@/components/Home/Food/FoodStats.vue'
-import FoodCalendar from '@/components/Home/Food/FoodCalendar.vue'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import FoodStats from '@/components/Food/FoodStats.vue'
+import FoodCalendar from '@/components/Food/FoodCalendar.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useRouter } from 'vue-router'
 import { useFoodStore } from '@/store/food.ts'
 import { onMounted } from 'vue'
@@ -26,10 +26,10 @@ onMounted(async () => {
 const addClick = () => {
   foodStore.foodRecordApiType = 'ADD'
   foodStore.currentFoodRecord = foodStore.getEmptyFoodRecord()
-  router.push({ name: 'MobileHomeFoodRecordForm' })
+  router.push({ name: 'FoodRecordForm' })
 }
 </script>
 
 <style lang="scss">
-@use "@/styles/home/food.mobile.module.scss";
+@use "@/styles/home/food.mobile.module";
 </style>
diff --git a/src/views/mobile-home/food/recordForm.vue b/src/views/food/recordForm.vue
similarity index 98%
rename from src/views/mobile-home/food/recordForm.vue
rename to src/views/food/recordForm.vue
index e994436..7ededec 100644
--- a/src/views/mobile-home/food/recordForm.vue
+++ b/src/views/food/recordForm.vue
@@ -55,7 +55,7 @@ import { UploadImage } from 'vue3-common'
 import { useFoodStore } from '@/store/food.ts'
 import { ref, reactive } from 'vue'
 import { FormRules } from 'element-plus'
-import { foodRecordRules } from '@/utils/element/elRules'
+import { foodRecordRules } from '@/utils/element/elRules.ts'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
diff --git a/src/views/home/calendar/date.vue b/src/views/home/calendar/date.vue
deleted file mode 100644
index 6ba5833..0000000
--- a/src/views/home/calendar/date.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div class="date-view common-view">
-
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { usePlanStore } from '@/store/plan.ts'
-import { onMounted } from 'vue'
-
-const planStore = usePlanStore()
-
-onMounted(() => {
-
-})
-
-const addClick = () => {
-
-}
-</script>
diff --git a/src/views/home/calendar/plan.vue b/src/views/home/calendar/plan.vue
deleted file mode 100644
index 0474a1b..0000000
--- a/src/views/home/calendar/plan.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div class="common-view plan-view">
-    <div class="body-container">
-      <div class="left-container">
-        <plan-stats />
-
-        <plan-calendar />
-      </div>
-
-      <div class="right-container">
-        <plan-query />
-
-        <plan-list />
-      </div>
-
-      <el-button type="primary" :icon="Plus" circle
-                 @click="addNewPlanClick" class="add-new" />
-    </div>
-
-    <plan-dialog />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import PlanCalendar from '@/components/Home/Plan/PlanCalendar.vue'
-import PlanStats from '@/components/Home/Plan/PlanStats.vue'
-import PlanList from '@/components/Home/Plan/PlanList.vue'
-import PlanQuery from '@/components/Home/Plan/PlanQuery.vue'
-import PlanDialog from '@/components/Home/Plan/PlanDialog.vue'
-import { Plus } from '@element-plus/icons-vue'
-import { usePlanStore } from '@/store/plan.ts'
-import { onMounted } from 'vue'
-
-const planStore = usePlanStore()
-
-onMounted(() => {
-  planStore.refreshInfo()
-})
-
-const addNewPlanClick = () => {
-  planStore.planApiType = 'ADD'
-  planStore.planDialog = {
-    title: '新增计划',
-    visible: true,
-    data: planStore.getEmptyPlan()
-  }
-}
-</script>
-
-<style lang="scss">
-@use "@/styles/home/plan.module.scss";
-</style>
diff --git a/src/views/mobile/index.vue b/src/views/home/index.vue
similarity index 83%
rename from src/views/mobile/index.vue
rename to src/views/home/index.vue
index fd96557..54a9a13 100644
--- a/src/views/mobile/index.vue
+++ b/src/views/home/index.vue
@@ -22,59 +22,59 @@
     <div class="module-list">
       <module-card icon="iconfont icon-fenlei" color="#00CED1"
                    title="博客文章" sub-title="分享学习点滴"
-                   router="/mobile-home/blog/overview"/>
+                   router="/blog/overview"/>
 
       <module-card icon="iconfont icon-zhangdan" color="#FFCC00"
                    title="账单记录" sub-title="收支一目了然"
-                   router="/mobile-home/bill/data"/>
+                   router="/bill/data"/>
 
       <module-card icon="iconfont icon-caipu" color="#006400"
                    title="美食记录" sub-title="品味人间烟火"
-                   router="/mobile-home/food/recipe"/>
+                   router="/food/recipe"/>
 
       <module-card icon="iconfont icon-jingdian" color="#FF9966"
                    title="旅行记录" sub-title="足迹遍及四方"
-                   router="/mobile-home/travel/spot"/>
+                   router="/travel/spot"/>
 
       <module-card icon="iconfont icon-wupin" color="#19107E"
                    title="物品记录" sub-title="收纳生活琐碎"
-                   router="/mobile-home/product/list"/>
+                   router="/product/list"/>
 
       <module-card icon="iconfont icon-paiban" color="#9933FF"
                    title="日程安排" sub-title="规划每日时光"
-                   router="/mobile-home/plan/calendar"/>
+                   router="/plan/calendar"/>
 
       <module-card icon="iconfont icon-richeng" color="#228B22"
                    title="纪念日" sub-title="铭记重要时刻"
-                   router="/mobile-home/anniversary/list"/>
+                   router="/anniversary/list"/>
 
       <module-card icon="iconfont icon-yuejing" color="#DE3163"
                    title="月经记录" sub-title="关注健康周期"
-                   router="/mobile-home/period/calendar"/>
+                   router="/period/calendar"/>
 
       <module-card icon="iconfont icon-riji" color="#FF69B4"
                    title="时光手账" sub-title="书写流动岁月"
-                   router="/mobile-home/journal/record"/>
+                   router="/journal/record"/>
 
       <module-card icon="iconfont icon-jixiao" color="#003366"
                    title="绩效统计" sub-title="绩刻拼搏印记 "
-                   router="/mobile-home/kpi/record"/>
+                   router="/kpi/record"/>
 
       <module-card icon="iconfont icon-zichan" color="#FFA500"
                    title="家庭资产" sub-title="统筹全家财富"
-                   router="/mobile-home/asset/list"/>
+                   router="/asset/list"/>
 
       <module-card icon="iconfont icon-zhangben" color="#388E3C"
                    title="家庭账本" sub-title="守护家庭财富"
-                   router="/mobile-home/ledger/list"/>
+                   router="/ledger/list"/>
 
       <module-card icon="iconfont icon-ai-password" color="#4361EE"
                    title="密码管家" sub-title="守护数字安全"
-                   router="/mobile-home/password/list"/>
+                   router="/password/list"/>
 
       <module-card icon="iconfont icon-fuwuqi" color="#FF6B6B"
                    title="服务监控" sub-title="掌握系统健康"
-                   router="/mobile-home/server/monitor"/>
+                   router="/server/monitor"/>
     </div>
 
 <!--    <div class="note-container">-->
@@ -91,8 +91,8 @@
 </template>
 
 <script setup lang="ts">
-import WeatherTimeCard from '@/components/Mobile/WeatherTimeCard.vue'
-import ModuleCard from '@/components/Home/ModuleCard.vue'
+import WeatherTimeCard from '@/components/Common/WeatherTimeCard.vue'
+import ModuleCard from '@/components/ModuleCard.vue'
 import { useAppStore } from '@/store/app'
 import { getAssetsImageFile } from '@/utils'
 
diff --git a/src/views/home/life/food.vue b/src/views/home/life/food.vue
deleted file mode 100644
index 0e02439..0000000
--- a/src/views/home/life/food.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div class="food-view common-view">
-    <div class="body-container">
-      <div class="left-container">
-        <food-stats />
-
-        <food-recipe-list />
-      </div>
-
-      <div class="right-container">
-        <food-query />
-
-        <food-daily-list v-if="foodStore.queryDateType === 'year'" />
-        <food-calendar v-if="foodStore.queryDateType === 'month'" />
-
-        <el-button v-if="isLargeScreen()"
-                   type="primary" :icon="Plus" circle
-                   @click="addFoodWorkClick" class="add-new" />
-      </div>
-    </div>
-
-    <food-dialog />
-    <food-material-dialog />
-    <food-step-dialog />
-    <food-record-dialog />
-  </div>
-</template>
-
-<script setup lang="ts">
-import FoodQuery from '@/components/Home/Food/FoodQuery.vue'
-import FoodStats from '@/components/Home/Food/FoodStats.vue'
-import FoodRecipeList from '@/components/Home/Food/FoodRecipeList.vue'
-import FoodCalendar from '@/components/Home/Food/FoodCalendar.vue'
-import FoodDailyList from '@/components/Home/Food/FoodDailyList.vue'
-import FoodDialog from '@/components/Home/Food/FoodDialog.vue'
-import FoodMaterialDialog from '@/components/Home/Food/Form/FoodMaterialDialog.vue'
-import FoodStepDialog from '@/components/Home/Food/Form/FoodStepDialog.vue'
-import FoodRecordDialog from '@/components/Home/Food/Form/FoodRecordDialog.vue'
-import { Plus } from '@element-plus/icons-vue'
-import { onMounted } from 'vue'
-import { useFoodStore } from '@/store/food.ts'
-import { isLargeScreen } from '@/utils'
-
-const foodStore = useFoodStore()
-
-onMounted(async () => {
-  await foodStore.refreshInfo()
-})
-
-const addFoodWorkClick = () => {
-  foodStore.foodRecordApiType = 'ADD'
-  foodStore.foodRecordDialog = {
-    title: '新增记录',
-    visible: true,
-    data: foodStore.getEmptyFoodRecord()
-  }
-}
-</script>
-
-<style lang="scss">
-@use "@/styles/home/food.module.scss";
-</style>
diff --git a/src/views/home/life/food[id].vue b/src/views/home/life/food[id].vue
deleted file mode 100644
index 80be1d8..0000000
--- a/src/views/home/life/food[id].vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="life-detail">
-    <span class="title">{{ foodStore.currentFoodRecipe.name }}</span>
-
-    <section>
-      <div class="info-container">
-        <food-basic-data/>
-
-        <food-material-data/>
-
-        <food-step-data/>
-
-        <food-others-data/>
-      </div>
-
-      <div class="record-container card-item">
-        <food-record-data/>
-      </div>
-    </section>
-
-    <el-button type="primary" class="back-button" @click="backClick">返回</el-button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useFoodStore } from '@/store/food.ts'
-import { useRouter, useRoute } from 'vue-router'
-import FoodBasicData from '@/components/Home/Food/Data/FoodBasicData.vue'
-import FoodMaterialData from '@/components/Home/Food/Data/FoodMaterialData.vue'
-import FoodStepData from '@/components/Home/Food/Data/FoodStepData.vue'
-import FoodOthersData from '@/components/Home/Food/Data/FoodOthersData.vue'
-import FoodRecordData from '@/components/Home/Food/Data/FoodRecordData.vue'
-import { onMounted } from 'vue'
-
-const foodStore = useFoodStore()
-const router = useRouter()
-const route = useRoute()
-
-onMounted(() => {
-  foodStore.queryFoodRecipe(route.params.id as number)
-})
-
-const backClick = () => {
-  router.push({ path: '/home/life/food' })
-}
-</script>
-
-<style lang="scss">
-@use "@/styles/home/life.detail.module.scss";
-</style>
diff --git a/src/views/home/life/travel.vue b/src/views/home/life/travel.vue
deleted file mode 100644
index bb16584..0000000
--- a/src/views/home/life/travel.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="travel-view common-view">
-    <div class="body-container">
-      <div class="left-container">
-        <travel-stats />
-
-        <travel-spot-list />
-      </div>
-
-      <div class="right-container">
-        <travel-query />
-
-        <travel-daily-list v-if="travelStore.queryDateType === 'year'" />
-        <travel-calendar v-if="travelStore.queryDateType === 'month'" />
-
-        <el-button v-if="isLargeScreen()"
-                   type="primary" :icon="Plus" circle
-                   @click="addTravelRecordClick" class="add-new" />
-      </div>
-    </div>
-
-    <travel-dialog />
-    <travel-record-dialog />
-  </div>
-</template>
-
-<script setup lang="ts">
-import TravelQuery from '@/components/Home/Travel/TravelQuery.vue'
-import TravelStats from '@/components/Home/Travel/TravelStats.vue'
-import TravelSpotList from '@/components/Home/Travel/TravelSpotList.vue'
-import TravelCalendar from '@/components/Home/Travel/TravelCalendar.vue'
-import TravelDailyList from '@/components/Home/Travel/TravelDailyList.vue'
-import TravelRecordDialog from '@/components/Home/Travel/Form/TravelRecordDialog.vue'
-import TravelDialog from '@/components/Home/Travel/TravelDialog.vue'
-import { Plus } from '@element-plus/icons-vue'
-import { onMounted } from 'vue'
-import { useTravelStore } from '@/store/travel.ts'
-import { isLargeScreen } from '@/utils'
-
-const travelStore = useTravelStore()
-
-onMounted(async () => {
-  await travelStore.refreshInfo()
-})
-
-const addTravelRecordClick = () => {
-  travelStore.travelRecordApiType = 'ADD'
-  travelStore.travelRecordDialog = {
-    title: '新增记录',
-    visible: true,
-    data: travelStore.getEmptyTravelRecord()
-  }
-}
-</script>
-
-<style lang="scss">
-@use "@/styles/home/travel.module.scss";
-</style>
diff --git a/src/views/home/life/travel[id].vue b/src/views/home/life/travel[id].vue
deleted file mode 100644
index 2043430..0000000
--- a/src/views/home/life/travel[id].vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="life-detail">
-    <span class="title">{{ travelStore.currentTravelSpot.name }}</span>
-
-    <section>
-      <div class="info-container">
-        <travel-basic-data/>
-
-        <travel-guide-data/>
-      </div>
-
-      <div class="record-container card-item">
-        <travel-record-data/>
-      </div>
-    </section>
-
-    <el-button type="primary" class="back-button" @click="backClick">返回</el-button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useTravelStore } from '@/store/travel.ts'
-import { useRouter, useRoute } from 'vue-router'
-import TravelBasicData from '@/components/Home/Travel/Data/TravelBasicData.vue'
-import TravelGuideData from '@/components/Home/Travel/Data/TravelGuideData.vue'
-import TravelRecordData from '@/components/Home/Travel/Data/TravelRecordData.vue'
-import { onMounted } from 'vue'
-
-const travelStore = useTravelStore()
-const router = useRouter()
-const route = useRoute()
-
-onMounted(() => {
-  travelStore.queryTravelSpot(route.params.id as number)
-})
-
-const backClick = () => {
-  router.push({ path: '/home/life/travel' })
-}
-</script>
-
-<style lang="scss">
-@use "@/styles/home/life.detail.module.scss";
-</style>
diff --git a/src/views/home/meta.ts b/src/views/home/meta.ts
deleted file mode 100644
index 44d60d1..0000000
--- a/src/views/home/meta.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { IRouteMetaConfig } from 'vue3-common/types'
-
-export const homeMeta: IRouteMetaConfig = {
-  '/home/property': {
-    title: '家庭资产',
-    icon: 'home-property',
-    order: 1,
-    redirect: '/home/property/bill'
-  },
-  '/home/property/bill': {
-    title: '收支记录',
-    icon: ''
-  },
-  '/home/life': {
-    title: '生活记录',
-    icon: 'home-life',
-    order: 2,
-    redirect: '/home/life/food'
-  },
-  '/home/life/food': {
-    title: '美食记录',
-    icon: ''
-  },
-  '/home/life/food/:id': {
-    title: '美食展示',
-    icon: '',
-    hidden: true
-  },
-  '/home/life/travel': {
-    title: '旅行记录',
-    icon: ''
-  },
-  '/home/life/travel/:id': {
-    title: '旅行展示',
-    icon: '',
-    hidden: true
-  },
-  '/home/calendar': {
-    title: '时程印记',
-    icon: 'home-calendar',
-    order: 3,
-    redirect: '/home/calendar/plan'
-  },
-  '/home/calendar/plan': {
-    title: '日程计划',
-    icon: ''
-  },
-  '/home/calendar/date': {
-    title: '纪念日',
-    icon: ''
-  },
-  '/home/others': {
-    title: '友情链接',
-    icon: 'home-link',
-    order: 4,
-    redirect: '/home/others/admin'
-  },
-  '/home/others/blog': {
-    title: '个人博客',
-    icon: '',
-    redirect: '/blog'
-  }
-}
diff --git a/src/views/home/others/blog.vue b/src/views/home/others/blog.vue
deleted file mode 100644
index eeb5956..0000000
--- a/src/views/home/others/blog.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <div>
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
diff --git a/src/views/home/property/bill.vue b/src/views/home/property/bill.vue
deleted file mode 100644
index 9fad8fa..0000000
--- a/src/views/home/property/bill.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <div class="bill-view common-view">
-    <div class="body-container">
-      <div class="left-container">
-        <bill-stats />
-
-        <bill-chart />
-      </div>
-
-      <div class="right-container">
-        <bill-query/>
-
-        <bill-daily-list v-if="billStore.billDateType === 'year'"/>
-        <bill-calendar v-if="billStore.billDateType === 'month'" />
-      </div>
-
-      <el-button v-if="isLargeScreen()"
-                 type="primary" :icon="Plus" circle
-                 @click="addNewBillRecordClick" class="add-new" />
-    </div>
-
-    <bill-dialog />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import BillQuery from '@/components/Home/Bill/BillQuery.vue'
-import BillStats from '@/components/Home/Bill/BillStats.vue'
-import BillChart from '@/components/Home/Bill/BillChart.vue'
-import BillDailyList from '@/components/Home/Bill/BillDailyList.vue'
-import BillCalendar from '@/components/Home/Bill/BillCalendar.vue'
-import BillDialog from '@/components/Home/Bill/BillDialog.vue'
-import { Plus } from '@element-plus/icons-vue'
-import { onMounted } from 'vue'
-import { useBillStore } from '@/store/bill.ts'
-import { isLargeScreen } from '@/utils'
-
-const billStore = useBillStore()
-
-onMounted(async () => {
-  await billStore.refreshInfo()
-})
-
-const addNewBillRecordClick = () => {
-  billStore.billApiType = 'ADD'
-  billStore.billDialog = {
-    title: '新增账单',
-    visible: true,
-    data: billStore.getEmptyBillRecord()
-  }
-}
-</script>
-
-<style lang="scss">
-@use "@/styles/home/bill.module.scss";
-</style>
diff --git a/src/views/mobile-home/journal/detail[id].vue b/src/views/journal/detail[id].vue
similarity index 98%
rename from src/views/mobile-home/journal/detail[id].vue
rename to src/views/journal/detail[id].vue
index 1fa66fb..596cbbd 100644
--- a/src/views/mobile-home/journal/detail[id].vue
+++ b/src/views/journal/detail[id].vue
@@ -99,7 +99,7 @@ import { Location } from '@element-plus/icons-vue'
 import { useJournalStore } from '@/store/journal.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { journalRules } from '@/utils/element/elRules'
+import { journalRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
diff --git a/src/views/mobile-home/journal/record.vue b/src/views/journal/record.vue
similarity index 81%
rename from src/views/mobile-home/journal/record.vue
rename to src/views/journal/record.vue
index d766611..c3de534 100644
--- a/src/views/mobile-home/journal/record.vue
+++ b/src/views/journal/record.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script lang="ts" setup>
-import JournalCalendar from '@/components/Home/Journal/JournalCalendar.vue'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import JournalCalendar from '@/components/Journal/JournalCalendar.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useJournalStore } from '@/store/journal.ts'
 import { useRouter } from 'vue-router'
 import { onMounted } from 'vue'
@@ -27,7 +27,7 @@ onMounted(async () => {
 const addClick = () => {
   journalStore.journalApiType = 'ADD'
   journalStore.currentJournal = journalStore.getEmptyJournal()
-  router.push({ name: 'MobileHomeJournalDetailId', params: { id: 0 } })
+  router.push({ name: 'JournalDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/mobile-home/journal/timeline.vue b/src/views/journal/timeline.vue
similarity index 95%
rename from src/views/mobile-home/journal/timeline.vue
rename to src/views/journal/timeline.vue
index fcdbf0f..5a11b22 100644
--- a/src/views/mobile-home/journal/timeline.vue
+++ b/src/views/journal/timeline.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import JournalCard from '@/components/Home/Journal/JournalCard.vue'
+import JournalCard from '@/components/Journal/JournalCard.vue'
 import { useJournalStore } from '@/store/journal.ts'
 import { onMounted, ref } from 'vue'
 import { formatDate, getCurrentYear, getStartEndDate } from 'vue3-common/utils/dateUtil'
diff --git a/src/views/mobile-home/kpi/detail[id].vue b/src/views/kpi/detail[id].vue
similarity index 98%
rename from src/views/mobile-home/kpi/detail[id].vue
rename to src/views/kpi/detail[id].vue
index 1b28188..8d9b8ae 100644
--- a/src/views/mobile-home/kpi/detail[id].vue
+++ b/src/views/kpi/detail[id].vue
@@ -56,7 +56,7 @@
 import { useKpiStore } from '@/store/kpi.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { kpiRules } from '@/utils/element/elRules'
+import { kpiRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
diff --git a/src/views/mobile-home/kpi/record.vue b/src/views/kpi/record.vue
similarity index 87%
rename from src/views/mobile-home/kpi/record.vue
rename to src/views/kpi/record.vue
index 89c31a4..92fa123 100644
--- a/src/views/mobile-home/kpi/record.vue
+++ b/src/views/kpi/record.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script lang="ts" setup>
-import KpiCalendar from '@/components/Home/kpi/KpiCalendar.vue'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import KpiCalendar from '@/components/kpi/KpiCalendar.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useKpiStore } from '@/store/kpi.ts'
 import { useRouter } from 'vue-router'
 import { computed, onMounted } from 'vue'
@@ -36,7 +36,7 @@ const totalPrice = computed(() => {
 const addClick = () => {
   kpiStore.kpiApiType = 'ADD'
   kpiStore.currentKpi = kpiStore.getEmptyKpi()
-  router.push({ name: 'MobileHomeKpiDetailId', params: { id: 0 } })
+  router.push({ name: 'KpiDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/mobile-home/ledger/detail[id].vue b/src/views/ledger/detail[id].vue
similarity index 97%
rename from src/views/mobile-home/ledger/detail[id].vue
rename to src/views/ledger/detail[id].vue
index 30017d9..376c302 100644
--- a/src/views/mobile-home/ledger/detail[id].vue
+++ b/src/views/ledger/detail[id].vue
@@ -74,10 +74,10 @@
 <script lang="ts" setup>
 import { UploadImage } from 'vue3-common'
 import { AmountInput } from 'vue3-common'
-import { useLedgerStore } from '@/store/ledger'
+import { useLedgerStore } from '@/store/ledger.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { ledgerRules } from '@/utils/element/elRules'
+import { ledgerRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
diff --git a/src/views/mobile-home/ledger/list.vue b/src/views/ledger/list.vue
similarity index 85%
rename from src/views/mobile-home/ledger/list.vue
rename to src/views/ledger/list.vue
index 2b295bd..5c83f26 100644
--- a/src/views/mobile-home/ledger/list.vue
+++ b/src/views/ledger/list.vue
@@ -19,9 +19,9 @@
 </template>
 
 <script setup lang="ts">
-import LedgerQuery from '@/components/Home/Ledger/LedgerQuery.vue'
-import LedgerCard from '@/components/Home/Ledger/LedgerCard.vue'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import LedgerQuery from '@/components/Ledger/LedgerQuery.vue'
+import LedgerCard from '@/components/Ledger/LedgerCard.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useLedgerStore } from '@/store/ledger.ts'
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -38,7 +38,7 @@ const addClick = () => {
   ledgerStore.ledgerApiType = 'ADD'
   ledgerStore.currentLedgerRecord = ledgerStore.getEmptyLedgerRecord()
   ledgerStore.currentLedgerRecord.book = ledgerStore.queryInfo.book
-  router.push({ name: 'MobileHomeLedgerDetailId', params: { id: 0 } })
+  router.push({ name: 'LedgerDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 8e83522..c56bdc1 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script setup lang="ts">
-import CommonLogin from '@/components/Home/Login/CommonLogin.vue'
-import PhoneLogin from '@/components/Home/Login/PhoneLogin.vue'
-import EmailLogin from '@/components/Home/Login/EmailLogin.vue'
+import CommonLogin from '@/components/Login/CommonLogin.vue'
+import PhoneLogin from '@/components/Login/PhoneLogin.vue'
+import EmailLogin from '@/components/Login/EmailLogin.vue'
 import { useAuthStore } from '@/store/auth'
 import { onMounted, onUnmounted, reactive } from 'vue'
 
diff --git a/src/views/mobile-home/meta.ts b/src/views/meta.ts
similarity index 54%
rename from src/views/mobile-home/meta.ts
rename to src/views/meta.ts
index ed6e2cc..7b544cf 100644
--- a/src/views/mobile-home/meta.ts
+++ b/src/views/meta.ts
@@ -1,272 +1,272 @@
 import type { IRouteMetaConfig } from 'vue3-common/types'
 
 export const mobileHomeMeta: IRouteMetaConfig = {
-  '/mobile-home/blog': {
+  '/blog': {
     title: '博客记录',
     icon: '',
     order: 1,
-    redirect: '/mobile-home/blog/overview'
+    redirect: '/blog/overview'
   },
-  '/mobile-home/blog/overview': {
+  '/blog/overview': {
     title: '博客列表',
     icon: ''
   },
-  '/mobile-home/blog/category': {
+  '/blog/category': {
     title: '博客分类',
     icon: ''
   },
-  '/mobile-home/blog/category/:name': {
+  '/blog/category/:name': {
     title: '博客分类',
     icon: ''
   },
-  '/mobile-home/blog/archive': {
+  '/blog/archive': {
     title: '博客归档',
     icon: ''
   },
-  '/mobile-home/blog/detail/:id': {
+  '/blog/detail/:id': {
     title: '博客内容',
     icon: ''
   },
-  '/mobile-home/bill': {
+  '/bill': {
     title: '收支记录',
     icon: 'home-bill',
     order: 2,
-    redirect: '/mobile-home/bill/data'
+    redirect: '/bill/data'
   },
-  '/mobile-home/bill/data': {
+  '/bill/data': {
     title: '账单数据',
     icon: ''
   },
-  '/mobile-home/bill/chart': {
+  '/bill/chart': {
     title: '账单图表',
     icon: ''
   },
-  '/mobile-home/bill/detail/:id': {
+  '/bill/detail/:id': {
     title: '账单内容',
     icon: ''
   },
-  '/mobile-home/bill/setting': {
+  '/bill/setting': {
     title: '账单设置',
     icon: ''
   },
-  '/mobile-home/food': {
+  '/food': {
     title: '美食记录',
     icon: 'home-food',
     order: 3,
-    redirect: '/mobile-home/food/recipe'
+    redirect: '/food/recipe'
   },
-  '/mobile-home/food/recipe': {
+  '/food/recipe': {
     title: '美食菜谱',
     icon: ''
   },
-  '/mobile-home/food/record': {
+  '/food/record': {
     title: '美食记录',
     icon: ''
   },
-  '/mobile-home/food/detail/id': {
+  '/food/detail/id': {
     title: '菜谱内容',
     icon: ''
   },
-  '/mobile-home/food/recordForm': {
+  '/food/recordForm': {
     title: '记录表单',
     icon: ''
   },
-  '/mobile-home/travel': {
+  '/travel': {
     title: '旅行记录',
     icon: 'home-food',
     order: 4,
-    redirect: '/mobile-home/travel/spot'
+    redirect: '/travel/spot'
   },
-  '/mobile-home/travel/spot': {
+  '/travel/spot': {
     title: '旅行景点',
     icon: ''
   },
-  '/mobile-home/travel/record': {
+  '/travel/record': {
     title: '旅行记录',
     icon: ''
   },
-  '/mobile-home/travel/detail/id': {
+  '/travel/detail/id': {
     title: '旅行内容',
     icon: ''
   },
-  '/mobile-home/travel/spotForm': {
+  '/travel/spotForm': {
     title: '景点表单',
     icon: ''
   },
-  '/mobile-home/travel/recordForm': {
+  '/travel/recordForm': {
     title: '记录表单',
     icon: ''
   },
-  '/mobile-home/plan': {
+  '/plan': {
     title: '时光日程',
     icon: 'home-calendar',
     order: 5,
-    redirect: '/mobile-home/plan/calendar'
+    redirect: '/plan/calendar'
   },
-  '/mobile-home/plan/calendar': {
+  '/plan/calendar': {
     title: '日程安排',
     icon: ''
   },
-  '/mobile-home/plan/list': {
+  '/plan/list': {
     title: '日程清单',
     icon: ''
   },
-  '/mobile-home/plan/detail/id': {
+  '/plan/detail/id': {
     title: '日程内容',
     icon: ''
   },
-  '/mobile-home/anniversary': {
+  '/anniversary': {
     title: '纪念日',
     icon: 'home-anniversary',
     order: 6,
-    redirect: '/mobile-home/anniversary/list'
+    redirect: '/anniversary/list'
   },
-  '/mobile-home/anniversary/list': {
+  '/anniversary/list': {
     title: '纪念日',
     icon: ''
   },
-  '/mobile-home/anniversary/category': {
+  '/anniversary/category': {
     title: '分类',
     icon: ''
   },
-  '/mobile-home/anniversary/detail/id': {
+  '/anniversary/detail/id': {
     title: '纪念日内容',
     icon: ''
   },
-  '/mobile-home/period': {
+  '/period': {
     title: '月经记录',
     icon: 'home-period',
     order: 7,
-    redirect: '/mobile-home/period/calendar'
+    redirect: '/period/calendar'
   },
-  '/mobile-home/period/calendar': {
+  '/period/calendar': {
     title: '记录',
     icon: ''
   },
-  '/mobile-home/period/setting': {
+  '/period/setting': {
     title: '设置',
     icon: ''
   },
-  '/mobile-home/product': {
+  '/product': {
     title: '物品记录',
     icon: 'home-product',
     order: 8,
-    redirect: '/mobile-home/product/list'
+    redirect: '/product/list'
   },
-  '/mobile-home/product/list': {
+  '/product/list': {
     title: '清单',
     icon: ''
   },
-  '/mobile-home/product/detail/id': {
+  '/product/detail/id': {
     title: '内容',
     icon: ''
   },
-  '/mobile-home/journal': {
+  '/journal': {
     title: '日记',
     icon: 'home-product',
     order: 9,
-    redirect: '/mobile-home/journal/record'
+    redirect: '/journal/record'
   },
-  '/mobile-home/journal/record': {
+  '/journal/record': {
     title: '清单',
     icon: ''
   },
-  '/mobile-home/journal/detail': {
+  '/journal/detail': {
     title: '内容',
     icon: ''
   },
-  '/mobile-home/journal/timeline': {
+  '/journal/timeline': {
     title: '时间轴',
     icon: ''
   },
-  '/mobile-home/kpi': {
+  '/kpi': {
     title: '绩效',
     icon: 'home-kpi',
     order: 10,
-    redirect: '/mobile-home/kpi/record'
+    redirect: '/kpi/record'
   },
-  '/mobile-home/kpi/record': {
+  '/kpi/record': {
     title: '记录',
     icon: ''
   },
-  '/mobile-home/pki/detail/:id': {
+  '/pki/detail/:id': {
     title: '内容',
     icon: ''
   },
-  '/mobile-home/server': {
+  '/server': {
     title: '服务',
     icon: 'home-server',
     order: 11,
-    redirect: '/mobile-home/server/list'
+    redirect: '/server/list'
   },
-  '/mobile-home/server/monitor': {
+  '/server/monitor': {
     title: '监控',
     icon: ''
   },
-  '/mobile-home/server/file': {
+  '/server/file': {
     title: '文件',
     icon: ''
   },
-  '/mobile-home/server/preview/:url': {
+  '/server/preview/:url': {
     title: '预览',
     icon: ''
   },
-  '/mobile-home/asset': {
+  '/asset': {
     title: '资产',
     icon: 'home-asset',
     order: 12,
-    redirect: '/mobile-home/asset/list'
+    redirect: '/asset/list'
   },
-  '/mobile-home/asset/list': {
+  '/asset/list': {
     title: '清单',
     icon: ''
   },
-  '/mobile-home/asset/detail/id': {
+  '/asset/detail/id': {
     title: '内容',
     icon: ''
   },
-  '/mobile-home/ledger': {
+  '/ledger': {
     title: '账本',
     icon: 'home-ledger',
     order: 13,
-    redirect: '/mobile-home/ledger/list'
+    redirect: '/ledger/list'
   },
-  '/mobile-home/ledger/list': {
+  '/ledger/list': {
     title: '清单',
     icon: ''
   },
-  '/mobile-home/ledger/detail/id': {
+  '/ledger/detail/id': {
     title: '内容',
     icon: ''
   },
-  '/mobile-home/password': {
+  '/password': {
     title: '密码',
     icon: 'home-password',
     order: 14,
-    redirect: '/mobile-home/password/list'
+    redirect: '/password/list'
   },
-  '/mobile-home/password/list': {
+  '/password/list': {
     title: '清单',
     icon: ''
   },
-  '/mobile-home/profile': {
+  '/profile': {
     title: '个人信息',
     icon: '',
     order: 15,
     hidden: true,
-    redirect: '/mobile-home/profile/index'
+    redirect: '/profile/index'
   },
-  '/mobile-home/profile/index': {
+  '/profile/index': {
     title: '个人信息',
     icon: '',
     hidden: true
   },
-  '/mobile-home/profile/info': {
+  '/profile/info': {
     title: '信息',
     icon: '',
     hidden: true
   },
-  '/mobile-home/profile/password': {
+  '/profile/password': {
     title: '密码',
     icon: '',
     hidden: true
diff --git a/src/views/mobile-home/profile/index.vue b/src/views/mobile-home/profile/index.vue
deleted file mode 100644
index d4ad242..0000000
--- a/src/views/mobile-home/profile/index.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="profile-view common-mobile-view">
-    <div class="profile-card">
-      <div class="avatar-wrapper">
-        <el-avatar
-            :src="serviceFileRootPath + userStore.userInfo.avatar"
-            alt="用户头像" :size="80"
-        />
-
-        <i v-if="userStore.userInfo.gender"
-           class="fas fa-mars gender-icon" style="color: #409EFF"></i>
-        <i v-else class="fas fa fa-venus gender-icon" style="color: #FFB6C1"></i>
-      </div>
-
-      <span class="user-name">{{ userStore.userInfo.accountName }}</span>
-
-      <div class="user-info">
-        <div class="info-item">
-          <i class="fas fa-map-marker-alt"></i>
-          <span>{{ userStore.userInfo.area.join('-') }}</span>
-        </div>
-        <div class="info-item">
-          <i class="fas fa-birthday-cake"></i>
-          <span>{{ userStore.userInfo.birthDate }}</span>
-        </div>
-
-        <div class="info-item">
-          <i class="fas fa-user-tie"></i>
-          <span>{{ userStore.userInfo.job }}</span>
-        </div>
-      </div>
-
-      <div class="user-info">
-        <div class="info-item">
-          <i class="fas fa-mobile-alt"></i>
-          <span>{{ userStore.userInfo.phoneNumber }}</span>
-        </div>
-        <div class="info-item">
-          <i class="fas fa-envelope"></i>
-          <span>{{ userStore.userInfo.email }}</span>
-        </div>
-      </div>
-
-      <div class="user-info">
-        <el-tag v-for="(item, index) in userStore.userInfo.tags"
-                :key="index">{{ item }}</el-tag>
-      </div>
-
-      <span class="user-bio">{{ userStore.userInfo.description }}</span>
-    </div>
-
-    <div class="menu-card card-item">
-      <div class="menu-item" @click="infoClick">
-        <i class="fas fa-user"></i>
-        <span>基本资料</span>
-        <i class="fas fa-chevron-right"></i>
-      </div>
-
-      <div class="menu-divider"></div>
-      <div class="menu-item">
-        <i class="fas fa-file-alt"></i>
-        <span>个人简历</span>
-        <i class="fas fa-chevron-right"></i>
-      </div>
-
-      <div class="menu-divider"></div>
-      <div class="menu-item">
-        <i class="fas fa-cog"></i>
-        <span>账户设置</span>
-        <i class="fas fa-chevron-right"></i>
-      </div>
-
-      <div class="menu-divider"></div>
-      <div class="menu-item" @click="passwordClick">
-        <i class="fas fa-key"></i>
-        <span>更改密码</span>
-        <i class="fas fa-chevron-right"></i>
-      </div>
-
-      <div class="menu-divider"></div>
-      <div class="menu-item" @click="refreshClick">
-        <i class="fa-solid fa-arrows-rotate"></i>
-        <span>检查更新</span>
-        <i class="fas fa-chevron-right"></i>
-      </div>
-
-      <div class="menu-divider"></div>
-      <div class="menu-item" @click="logoutClick">
-        <i class="fas fa-sign-out-alt"></i>
-        <span>退出登录</span>
-        <i class="fas fa-chevron-right"></i>
-      </div>
-    </div>
-
-    <div class="version">版本号 {{ appStore.version }}</div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted } from 'vue'
-import { useUserStore } from '@/store/user.ts'
-import { useAppStore } from '@/store/app.ts'
-import { useRouter } from 'vue-router'
-import { commonElMessageBox } from 'vue3-common/utils/elUtil'
-import { serviceFileRootPath } from '@/utils'
-
-const userStore = useUserStore()
-const appStore = useAppStore()
-const router = useRouter()
-
-onMounted(() => {
-  userStore.queryUser()
-})
-
-const infoClick = () => {
-  appStore.isShowMobileBack = true
-  router.push('/mobile-home/profile/info')
-}
-
-const passwordClick = () => {
-  // appStore.isShowMobileBack = true
-  // router.push('/mobile-home/profile/password')
-}
-
-const refreshClick = async () => {
-  await router.push('/')
-  location.reload()
-}
-
-const logoutClick = () => {
-  commonElMessageBox('请确认是否退出系统？').then(() => {
-    userStore.removeAll()
-    router.push('/')
-  })
-}
-</script>
-
-<style lang="scss">
-.profile-view {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  .profile-card {
-    background: linear-gradient(135deg, #6e8efb, #a777e3);
-    border-radius: 10px;
-    padding: 20px;
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-    text-align: center;
-    color: white;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 15px;
-
-    .avatar-wrapper {
-      position: relative;
-      display: inline-block;
-
-      .gender-icon {
-        position: absolute;
-        right: 2px;
-        bottom: 0;
-        background: white;
-        border-radius: 50%;
-        padding: 3px;
-      }
-    }
-
-    .user-name {
-      font-size: 1.5rem;
-    }
-
-    .user-info {
-      display: flex;
-      justify-content: center;
-      gap: 10px;
-      font-size: 1.1rem;
-
-      .info-item {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-      }
-    }
-  }
-
-  .menu-card {
-    border-radius: 10px;
-    padding: 10px;
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-
-    .menu-item {
-      padding: 10px;
-      display: grid;
-      grid-template-columns: 20px 1fr 15px;
-      align-items: center;
-      gap: 5px;
-      cursor: pointer;
-      font-size: 1.2rem;
-
-      i {
-        color: var(--el-color-primary);
-      }
-
-      span {
-        color: var(--color-text);
-      }
-    }
-
-    .menu-divider {
-      height: 1px;
-      background-color: #E8E8E8;
-      margin: 0 5px;
-    }
-  }
-
-  .version {
-    align-self: center;
-    color: #999;
-  }
-}
-</style>
diff --git a/src/views/mobile-home/password/detail[id].vue b/src/views/password/detail[id].vue
similarity index 98%
rename from src/views/mobile-home/password/detail[id].vue
rename to src/views/password/detail[id].vue
index f8c37af..0c108a5 100644
--- a/src/views/mobile-home/password/detail[id].vue
+++ b/src/views/password/detail[id].vue
@@ -72,7 +72,7 @@
 import { usePasswordStore } from '@/store/password.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { passwordRules } from '@/utils/element/elRules'
+import { passwordRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 
 const formRef = ref()
diff --git a/src/views/mobile-home/password/list.vue b/src/views/password/list.vue
similarity index 79%
rename from src/views/mobile-home/password/list.vue
rename to src/views/password/list.vue
index 43a5b86..d0ce7e3 100644
--- a/src/views/mobile-home/password/list.vue
+++ b/src/views/password/list.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script lang="ts" setup>
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
-import PasswordQuery from '@/components/Home/Password/PasswordQuery.vue'
-import PasswordCard from '@/components/Home/Password/PasswordCard.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
+import PasswordQuery from '@/components/Password/PasswordQuery.vue'
+import PasswordCard from '@/components/Password/PasswordCard.vue'
 import { usePasswordStore } from '@/store/password.ts'
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -31,7 +31,7 @@ onMounted(async () => {
 const addClick = () => {
   passwordStore.passwordApiType = 'ADD'
   passwordStore.currentPassword = passwordStore.getEmptyPassword()
-  router.push({ name: 'MobileHomePasswordDetailId', params: { id: 0 } })
+  router.push({ name: 'PasswordDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/mobile-home/period/calendar.vue b/src/views/period/calendar.vue
similarity index 95%
rename from src/views/mobile-home/period/calendar.vue
rename to src/views/period/calendar.vue
index 25d9e0a..3e25c1b 100644
--- a/src/views/mobile-home/period/calendar.vue
+++ b/src/views/period/calendar.vue
@@ -11,14 +11,14 @@
 </template>
 
 <script lang="ts" setup>
-import PeriodLegend from '@/components/Home/Period/PeriodLegend.vue'
-import PeriodForm from '@/components/Home/Period/PeriodForm.vue'
+import PeriodLegend from '@/components/Period/PeriodLegend.vue'
+import PeriodForm from '@/components/Period/PeriodForm.vue'
 import { CalendarDay } from 'v-calendar/dist/types/src/utils/page'
 import { formatDate, getNextDate } from 'vue3-common/utils/dateUtil'
 import { onMounted, reactive, watch } from 'vue'
 import { usePeriodStore } from '@/store/period.ts'
-import { useAppStore } from '@/store/app'
-import { IPeriodDay } from '@/types/period'
+import { useAppStore } from '@/store/app.ts'
+import { IPeriodDay } from '@/types/period.ts'
 import dayjs, { Dayjs } from 'dayjs'
 
 const periodStore = usePeriodStore()
diff --git a/src/views/mobile-home/period/setting.vue b/src/views/period/setting.vue
similarity index 97%
rename from src/views/mobile-home/period/setting.vue
rename to src/views/period/setting.vue
index f2b9f48..210c5d3 100644
--- a/src/views/mobile-home/period/setting.vue
+++ b/src/views/period/setting.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts" setup>
-import { usePeriodStore } from '@/store/period'
+import { usePeriodStore } from '@/store/period.ts'
 import { useAppStore } from '@/store/app.ts'
 import { onMounted, ref } from 'vue'
 
diff --git a/src/views/mobile-home/plan/calendar.vue b/src/views/plan/calendar.vue
similarity index 67%
rename from src/views/mobile-home/plan/calendar.vue
rename to src/views/plan/calendar.vue
index 360cfac..d96cdf5 100644
--- a/src/views/mobile-home/plan/calendar.vue
+++ b/src/views/plan/calendar.vue
@@ -6,10 +6,10 @@
 </template>
 
 <script setup lang="ts">
-import PlanCalendar from '@/components/Home/Plan/PlanCalendar.vue'
+import PlanCalendar from '@/components/Plan/PlanCalendar.vue'
 import { usePlanStore } from '@/store/plan.ts'
 import { onMounted } from 'vue'
-import PlanStats from '@/components/Home/Plan/PlanStats.vue'
+import PlanStats from '@/components/Plan/PlanStats.vue'
 
 const planStore = usePlanStore()
 
@@ -19,5 +19,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/plan.mobile.module.scss";
+@use "@/styles/home/plan.mobile.module";
 </style>
diff --git a/src/views/mobile-home/plan/detail[id].vue b/src/views/plan/detail[id].vue
similarity index 98%
rename from src/views/mobile-home/plan/detail[id].vue
rename to src/views/plan/detail[id].vue
index c976f38..4256077 100644
--- a/src/views/mobile-home/plan/detail[id].vue
+++ b/src/views/plan/detail[id].vue
@@ -93,9 +93,9 @@
 
 <script lang="ts" setup>
 import { ElMessage, FormInstance, FormRules } from 'element-plus'
-import { planRules } from '@/utils/element/elRules'
+import { planRules } from '@/utils/element/elRules.ts'
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import { isBeforeTime } from '@/utils/home/planUtil'
+import { isBeforeTime } from '@/utils/home/planUtil.ts'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { usePlanStore } from '@/store/plan.ts'
 import { useUserStore } from '@/store/user.ts'
diff --git a/src/views/mobile-home/plan/list.vue b/src/views/plan/list.vue
similarity index 67%
rename from src/views/mobile-home/plan/list.vue
rename to src/views/plan/list.vue
index 16dcec4..0a61c53 100644
--- a/src/views/mobile-home/plan/list.vue
+++ b/src/views/plan/list.vue
@@ -9,10 +9,10 @@
 </template>
 
 <script setup lang="ts">
-import PlanList from '@/components/Home/Plan/PlanList.vue'
-import PlanQuery from '@/components/Home/Plan/PlanQuery.vue'
+import PlanList from '@/components/Plan/PlanList.vue'
+import PlanQuery from '@/components/Plan/PlanQuery.vue'
 import { Plus } from '@element-plus/icons-vue'
-import { usePlanStore } from '@/store/plan'
+import { usePlanStore } from '@/store/plan.ts'
 import { useRouter } from 'vue-router'
 
 const planStore = usePlanStore()
@@ -21,10 +21,10 @@ const router = useRouter()
 const addNewPlanClick = () => {
   planStore.planApiType = 'ADD'
   planStore.currentPlan = planStore.getEmptyPlan()
-  router.push({ name: 'MobileHomePlanDetailId', params: { id: 0 } })
+  router.push({ name: 'PlanDetailId', params: { id: 0 } })
 }
 </script>
 
 <style lang="scss">
-@use "@/styles/home/plan.mobile.module.scss";
+@use "@/styles/home/plan.mobile.module";
 </style>
diff --git a/src/views/mobile-home/product/detail[id].vue b/src/views/product/detail[id].vue
similarity index 97%
rename from src/views/mobile-home/product/detail[id].vue
rename to src/views/product/detail[id].vue
index 9cf2fd5..b288e7b 100644
--- a/src/views/mobile-home/product/detail[id].vue
+++ b/src/views/product/detail[id].vue
@@ -78,10 +78,10 @@
 
 <script lang="ts" setup>
 import { UploadImage } from 'vue3-common'
-import { useProductStore } from '@/store/product'
+import { useProductStore } from '@/store/product.ts'
 import { useAppStore } from '@/store/app.ts'
 import { FormRules } from 'element-plus'
-import { productRules } from '@/utils/element/elRules'
+import { productRules } from '@/utils/element/elRules.ts'
 import { onMounted, reactive, ref } from 'vue'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 
diff --git a/src/views/mobile-home/product/list.vue b/src/views/product/list.vue
similarity index 79%
rename from src/views/mobile-home/product/list.vue
rename to src/views/product/list.vue
index e4e6ce9..f405f05 100644
--- a/src/views/mobile-home/product/list.vue
+++ b/src/views/product/list.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script lang="ts" setup>
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
-import ProductQuery from '@/components/Home/Product/ProductQuery.vue'
-import ProductCard from '@/components/Home/Product/ProductCard.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
+import ProductQuery from '@/components/Product/ProductQuery.vue'
+import ProductCard from '@/components/Product/ProductCard.vue'
 import { useProductStore } from '@/store/product.ts'
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -31,7 +31,7 @@ onMounted(async () => {
 const addClick = () => {
   productStore.productApiType = 'ADD'
   productStore.currentProduct = productStore.getEmptyProduct()
-  router.push({ name: 'MobileHomeProductDetailId', params: { id: 0 } })
+  router.push({ name: 'ProductDetailId', params: { id: 0 } })
 }
 </script>
 
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
index 025ea20..f0052da 100644
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -1,154 +1,226 @@
 <template>
-  <div class="profile-view common-view">
-    <div class="left-container">
-      <div class="summary">
-        <el-avatar :size="80" :src="'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'" />
-        <span class="name">{{ userStore.userInfo.accountName }}</span>
-        <span class="description">{{ userStore.userInfo.description }}</span>
-        <el-divider />
+  <div class="profile-view common-mobile-view">
+    <div class="profile-card">
+      <div class="avatar-wrapper">
+        <el-avatar
+            :src="serviceFileRootPath + userStore.userInfo.avatar"
+            alt="用户头像" :size="80"
+        />
+
+        <i v-if="userStore.userInfo.gender"
+           class="fas fa-mars gender-icon" style="color: #409EFF"></i>
+        <i v-else class="fas fa fa-venus gender-icon" style="color: #FFB6C1"></i>
       </div>
 
-      <div class="basic-info">
-        <div class="item">
-          <i class="fa-solid fa-user"></i>
-          <span>{{ userStore.userInfo.username }}</span>
-        </div>
-        <div class="item">
-          <i class="fa-solid fa-location-dot"></i>
+      <span class="user-name">{{ userStore.userInfo.accountName }}</span>
+
+      <div class="user-info">
+        <div class="info-item">
+          <i class="fas fa-map-marker-alt"></i>
           <span>{{ userStore.userInfo.area.join('-') }}</span>
         </div>
-        <div class="item">
-          <i class="fa-solid fa-map-location-dot"></i>
-          <span>{{ userStore.userInfo.address }}</span>
-        </div>
-        <div class="item">
-          <i class="fa-solid fa-venus-mars"></i>
-          <span>{{ userStore.userInfo.gender === 0 ? '女' : '男' }}</span>
-        </div>
-        <div class="item">
-          <i class="fa-solid fa-cake-candles"></i>
+        <div class="info-item">
+          <i class="fas fa-birthday-cake"></i>
           <span>{{ userStore.userInfo.birthDate }}</span>
         </div>
-        <div class="item">
-          <i class="fa-solid fa-clipboard-list"></i>
-          <span>{{ userStore.userInfo.description }}</span>
+
+        <div class="info-item">
+          <i class="fas fa-user-tie"></i>
+          <span>{{ userStore.userInfo.job }}</span>
         </div>
       </div>
+
+      <div class="user-info">
+        <div class="info-item">
+          <i class="fas fa-mobile-alt"></i>
+          <span>{{ userStore.userInfo.phoneNumber }}</span>
+        </div>
+        <div class="info-item">
+          <i class="fas fa-envelope"></i>
+          <span>{{ userStore.userInfo.email }}</span>
+        </div>
+      </div>
+
+      <div class="user-info">
+        <el-tag v-for="(item, index) in userStore.userInfo.tags"
+                :key="index">{{ item }}</el-tag>
+      </div>
+
+      <span class="user-bio">{{ userStore.userInfo.description }}</span>
+    </div>
+
+    <div class="menu-card card-item">
+      <div class="menu-item" @click="infoClick">
+        <i class="fas fa-user"></i>
+        <span>基本资料</span>
+        <i class="fas fa-chevron-right"></i>
+      </div>
+
+      <div class="menu-divider"></div>
+      <div class="menu-item">
+        <i class="fas fa-file-alt"></i>
+        <span>个人简历</span>
+        <i class="fas fa-chevron-right"></i>
+      </div>
+
+      <div class="menu-divider"></div>
+      <div class="menu-item">
+        <i class="fas fa-cog"></i>
+        <span>账户设置</span>
+        <i class="fas fa-chevron-right"></i>
+      </div>
+
+      <div class="menu-divider"></div>
+      <div class="menu-item" @click="passwordClick">
+        <i class="fas fa-key"></i>
+        <span>更改密码</span>
+        <i class="fas fa-chevron-right"></i>
+      </div>
+
+      <div class="menu-divider"></div>
+      <div class="menu-item" @click="refreshClick">
+        <i class="fa-solid fa-arrows-rotate"></i>
+        <span>检查更新</span>
+        <i class="fas fa-chevron-right"></i>
+      </div>
+
+      <div class="menu-divider"></div>
+      <div class="menu-item" @click="logoutClick">
+        <i class="fas fa-sign-out-alt"></i>
+        <span>退出登录</span>
+        <i class="fas fa-chevron-right"></i>
+      </div>
     </div>
 
-    <div class="right-container">
-      <el-tabs v-model="profileInfo.activeName">
-        <el-tab-pane label="基本信息" name="info">
-          <profile-info />
-        </el-tab-pane>
-        <el-tab-pane label="账号绑定" name="account">
-          <profile-account />
-        </el-tab-pane>
-        <el-tab-pane label="重置密码" name="password">
-          <profile-password />
-        </el-tab-pane>
-      </el-tabs>
-    </div>
+    <div class="version">版本号 {{ appStore.version }}</div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import ProfileInfo from '@/components/Home/Profile/ProfileInfo.vue'
-import ProfileAccount from '@/components/Home/Profile/ProfileAccount.vue'
-import ProfilePassword from '@/components/Home/Profile/ProfilePassword.vue'
-import { reactive } from 'vue'
+import { onMounted } from 'vue'
 import { useUserStore } from '@/store/user.ts'
+import { useAppStore } from '@/store/app.ts'
+import { useRouter } from 'vue-router'
+import { commonElMessageBox } from 'vue3-common/utils/elUtil'
+import { serviceFileRootPath } from '@/utils'
 
 const userStore = useUserStore()
+const appStore = useAppStore()
+const router = useRouter()
 
-const profileInfo = reactive({
-  activeName: 'info'
+onMounted(() => {
+  userStore.queryUser()
 })
+
+const infoClick = () => {
+  appStore.isShowMobileBack = true
+  router.push('/home-home/profile/info')
+}
+
+const passwordClick = () => {
+  // appStore.isShowMobileBack = true
+  // router.push('/home-home/profile/password')
+}
+
+const refreshClick = async () => {
+  await router.push('/')
+  location.reload()
+}
+
+const logoutClick = () => {
+  commonElMessageBox('请确认是否退出系统？').then(() => {
+    userStore.removeAll()
+    router.push('/')
+  })
+}
 </script>
 
 <style lang="scss">
 .profile-view {
-  display: grid;
-  grid-template-columns: 40% 58%;
-  justify-content: space-between;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
 
-  .left-container {
-    background-color: #FFFFFF;
-    border-radius: 15px;
+  .profile-card {
+    background: linear-gradient(135deg, #6e8efb, #a777e3);
+    border-radius: 10px;
     padding: 20px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    text-align: center;
+    color: white;
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    align-items: center;
+    gap: 15px;
 
-    .summary {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      gap: 10px;
+    .avatar-wrapper {
+      position: relative;
+      display: inline-block;
 
-      .name {
-        font-size: 1.5rem;
-        font-weight: bold;
-      }
-
-      .description {
-        font-size: 1.2rem;
+      .gender-icon {
+        position: absolute;
+        right: 2px;
+        bottom: 0;
+        background: white;
+        border-radius: 50%;
+        padding: 3px;
       }
     }
 
-    .basic-info {
-      flex-grow: 1;
-      padding: 0 20px;
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
+    .user-name {
+      font-size: 1.5rem;
+    }
 
-      .item {
-        height: 30px;
-        i {
-          width: 20px;
-          color: #0d9488;
-          margin-right: 10px;
-        }
+    .user-info {
+      display: flex;
+      justify-content: center;
+      gap: 10px;
+      font-size: 1.1rem;
+
+      .info-item {
+        display: flex;
+        align-items: center;
+        gap: 5px;
       }
     }
   }
 
-  .right-container {
-    background-color: #FFFFFF;
-    border-radius: 15px;
-    padding: 20px;
+  .menu-card {
+    border-radius: 10px;
+    padding: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
 
-    .profile-account {
-      display: flex;
-      flex-direction: column;
-      gap: 1vh;
+    .menu-item {
+      padding: 10px;
+      display: grid;
+      grid-template-columns: 20px 1fr 15px;
+      align-items: center;
+      gap: 5px;
+      cursor: pointer;
+      font-size: 1.2rem;
 
-      .item {
-        display: grid;
-        grid-template-columns: 50px 4fr 1fr;
-        align-items: center;
-        border-bottom: 1px solid #DCDCDC;
-        padding-bottom: 10px;
+      i {
+        color: var(--el-color-primary);
+      }
 
-        i {
-          justify-self: center;
-          font-size: 1.5rem;
-        }
-
-        .content {
-          display: flex;
-          flex-direction: column;
-          gap: 1vh;
-        }
-
-        .el-button {
-          justify-self: center;
-          width: 80px;
-        }
+      span {
+        color: var(--color-text);
       }
     }
+
+    .menu-divider {
+      height: 1px;
+      background-color: #E8E8E8;
+      margin: 0 5px;
+    }
+  }
+
+  .version {
+    align-self: center;
+    color: #999;
   }
 }
 </style>
diff --git a/src/views/mobile-home/profile/info.vue b/src/views/profile/info.vue
similarity index 100%
rename from src/views/mobile-home/profile/info.vue
rename to src/views/profile/info.vue
diff --git a/src/views/mobile-home/profile/password.vue b/src/views/profile/password.vue
similarity index 100%
rename from src/views/mobile-home/profile/password.vue
rename to src/views/profile/password.vue
diff --git a/src/views/mobile-home/server/file.vue b/src/views/server/file.vue
similarity index 97%
rename from src/views/mobile-home/server/file.vue
rename to src/views/server/file.vue
index 7cb3ec5..17c077c 100644
--- a/src/views/mobile-home/server/file.vue
+++ b/src/views/server/file.vue
@@ -35,10 +35,10 @@
 <script lang="ts" setup>
 import FileIcons from 'file-icons-vue'
 import { useAppStore } from '@/store/app.ts'
-import { useFileStore } from '@/store/file'
+import { useFileStore } from '@/store/file.ts'
 import { useRouter } from 'vue-router'
 import { onMounted } from 'vue'
-import { IFileInfo } from '@/types/file'
+import { IFileInfo } from '@/types/file.ts'
 import { ElMessage } from 'element-plus'
 
 const fileStore = useFileStore()
diff --git a/src/views/mobile-home/server/monitor.vue b/src/views/server/monitor.vue
similarity index 91%
rename from src/views/mobile-home/server/monitor.vue
rename to src/views/server/monitor.vue
index c04728d..b0725c4 100644
--- a/src/views/mobile-home/server/monitor.vue
+++ b/src/views/server/monitor.vue
@@ -13,12 +13,12 @@
 </template>
 
 <script lang="ts" setup>
-import ServerCard from '@/components/Home/Server/ServerCard.vue'
-import ServerProgress from '@/components/Home/Server/ServerProgress.vue'
+import ServerCard from '@/components/Server/ServerCard.vue'
+import ServerProgress from '@/components/Server/ServerProgress.vue'
 import { useAppStore } from '@/store/app.ts'
 import { onMounted, onUnmounted, reactive } from 'vue'
 import { WebSocketUtil } from 'vue3-common/utils/webSocketUtil'
-import { IServerMonitor } from '@/types/server'
+import { IServerMonitor } from '@/types/server.ts'
 import { formatDate } from 'vue3-common/utils/dateUtil'
 
 const appStore = useAppStore()
diff --git a/src/views/mobile-home/server/preview[url].vue b/src/views/server/preview[url].vue
similarity index 100%
rename from src/views/mobile-home/server/preview[url].vue
rename to src/views/server/preview[url].vue
diff --git a/src/views/mobile-home/travel/detail[id].vue b/src/views/travel/detail[id].vue
similarity index 71%
rename from src/views/mobile-home/travel/detail[id].vue
rename to src/views/travel/detail[id].vue
index bd73c6a..4666b11 100644
--- a/src/views/mobile-home/travel/detail[id].vue
+++ b/src/views/travel/detail[id].vue
@@ -19,9 +19,9 @@
 <script setup lang="ts">
 import { useTravelStore } from '@/store/travel.ts'
 import { useRoute } from 'vue-router'
-import TravelBasicData from '@/components/Home/Travel/Data/TravelBasicData.vue'
-import TravelGuideData from '@/components/Home/Travel/Data/TravelGuideData.vue'
-import TravelRecordData from '@/components/Home/Travel/Data/TravelRecordData.vue'
+import TravelBasicData from '@/components/Travel/Data/TravelBasicData.vue'
+import TravelGuideData from '@/components/Travel/Data/TravelGuideData.vue'
+import TravelRecordData from '@/components/Travel/Data/TravelRecordData.vue'
 import { onMounted } from 'vue'
 
 const travelStore = useTravelStore()
@@ -33,5 +33,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@use "@/styles/home/life.detail.module.scss";
+@use "@/styles/home/life.detail.module";
 </style>
diff --git a/src/views/mobile-home/travel/record.vue b/src/views/travel/record.vue
similarity index 67%
rename from src/views/mobile-home/travel/record.vue
rename to src/views/travel/record.vue
index 247581c..6a441fa 100644
--- a/src/views/mobile-home/travel/record.vue
+++ b/src/views/travel/record.vue
@@ -9,9 +9,9 @@
 </template>
 
 <script lang="ts" setup>
-import TravelStats from '@/components/Home/Travel/TravelStats.vue'
-import TravelCalendar from '@/components/Home/Travel/TravelCalendar.vue'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import TravelStats from '@/components/Travel/TravelStats.vue'
+import TravelCalendar from '@/components/Travel/TravelCalendar.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useTravelStore } from '@/store/travel.ts'
 import { useRouter } from 'vue-router'
 import { onMounted } from 'vue'
@@ -26,10 +26,10 @@ onMounted(async () => {
 const addClick = () => {
   travelStore.travelRecordApiType = 'ADD'
   travelStore.currentTravelRecord = travelStore.getEmptyTravelRecord()
-  router.push({ name: 'MobileHomeTravelRecordForm' })
+  router.push({ name: 'TravelRecordForm' })
 }
 </script>
 
 <style lang="scss">
-@use "@/styles/home/travel.mobile.module.scss";
+@use "@/styles/home/travel.mobile.module";
 </style>
diff --git a/src/views/mobile-home/travel/recordForm.vue b/src/views/travel/recordForm.vue
similarity index 97%
rename from src/views/mobile-home/travel/recordForm.vue
rename to src/views/travel/recordForm.vue
index beac203..2ba0392 100644
--- a/src/views/mobile-home/travel/recordForm.vue
+++ b/src/views/travel/recordForm.vue
@@ -63,10 +63,10 @@
 
 <script lang="ts" setup>
 import { UploadImage, UploadVideo } from 'vue3-common'
-import { useTravelStore } from '@/store/travel'
+import { useTravelStore } from '@/store/travel.ts'
 import { ref, reactive } from 'vue'
 import { FormRules } from 'element-plus'
-import { travelRecordRules } from '@/utils/element/elRules'
+import { travelRecordRules } from '@/utils/element/elRules.ts'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
diff --git a/src/views/mobile-home/travel/spot.vue b/src/views/travel/spot.vue
similarity index 82%
rename from src/views/mobile-home/travel/spot.vue
rename to src/views/travel/spot.vue
index 7460bc7..b5d1ace 100644
--- a/src/views/mobile-home/travel/spot.vue
+++ b/src/views/travel/spot.vue
@@ -18,12 +18,12 @@
 </template>
 
 <script lang="ts" setup>
-import TravelQuery from '@/components/Home/Travel/TravelQuery.vue'
-import ArriveBottom from '@/components/Mobile/ArriveButton.vue'
+import TravelQuery from '@/components/Travel/TravelQuery.vue'
+import ArriveBottom from '@/components/Common/ArriveButton.vue'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
-import TravelCard from '@/components/Home/Travel/TravelCard.vue'
+import TravelCard from '@/components/Travel/TravelCard.vue'
 import { useTravelStore } from '@/store/travel.ts'
-import DraggableButton from '@/components/Mobile/DraggableButton.vue'
+import DraggableButton from '@/components/Common/DraggableButton.vue'
 import { useRouter } from 'vue-router'
 
 const travelStore = useTravelStore()
@@ -61,10 +61,10 @@ const handleScroll = () => {
 const addClick = () => {
   travelStore.travelSpotApiType = 'ADD'
   travelStore.currentTravelSpot = travelStore.getEmptyTravelSpot()
-  router.push({ name: 'MobileHomeTravelSpotForm' })
+  router.push({ name: 'TravelSpotForm' })
 }
 </script>
 
 <style lang="scss">
-@use "@/styles/home/travel.mobile.module.scss";
+@use "@/styles/home/travel.mobile.module";
 </style>
diff --git a/src/views/mobile-home/travel/spotForm.vue b/src/views/travel/spotForm.vue
similarity index 98%
rename from src/views/mobile-home/travel/spotForm.vue
rename to src/views/travel/spotForm.vue
index 9744c35..f094fef 100644
--- a/src/views/mobile-home/travel/spotForm.vue
+++ b/src/views/travel/spotForm.vue
@@ -79,7 +79,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useTravelStore } from '@/store/travel'
+import { useTravelStore } from '@/store/travel.ts'
 import { ref, reactive } from 'vue'
 import { pcTextArr } from 'element-china-area-data'
 import { FormRules } from 'element-plus'
diff --git a/vite.config.ts b/vite.config.ts
index abb38b8..c581044 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -30,7 +30,7 @@ export default defineConfig({
       }
     }
   },
-  base: './',
+  base: '/sweet-hut/',
   resolve: {
     // 配置路径别名
     alias: {
@@ -41,25 +41,15 @@ export default defineConfig({
     port: 5174,
     // 服务器代理 服务器没有部署Nginx的情况下使用
     proxy: {
-      '/admin-service': {
-        target: `http://${API_HOST}:8080`,
-        changeOrigin: true,
-        rewrite: (item) => item.replace(/^\/admin-service/, '')
-      },
-      '/home-service': {
+      '/home-api': {
         target: `http://${API_HOST}:8081`,
         changeOrigin: true,
-        rewrite: (item) => item.replace(/^\/home-service/, '')
+        rewrite: (item) => item.replace(/^\/home-api/, '')
       },
-      '/blog-service': {
+      '/blog-api': {
         target: `http://${API_HOST}:8082`,
         changeOrigin: true,
-        rewrite: (item) => item.replace(/^\/blog-service/, '')
-      },
-      '/hello-service': {
-        target: 'https://www.helloimg.com/api/v1',
-        changeOrigin: true,
-        rewrite: (item) => item.replace(/^\/hello-service/, '')
+        rewrite: (item) => item.replace(/^\/blog-api/, '')
       }
     }
   }