diff --git a/.env/.env.development b/.env/.env.development
index db362faf..8446ac1a 100644
--- a/.env/.env.development
+++ b/.env/.env.development
@@ -1,3 +1,3 @@
 VITE_NAME = "开发环境"
 VITE_BASIC_URL = "https://meowchat.xhpolaris.com"
-VITE_XH_ENV = "test"
\ No newline at end of file
+VITE_ENABLE_DEBUG = true
\ No newline at end of file
diff --git a/.env/.env.production b/.env/.env.production
index ad220c1a..3aa6df1e 100644
--- a/.env/.env.production
+++ b/.env/.env.production
@@ -1,3 +1,2 @@
 VITE_NAME = "生产环境"
 VITE_BASIC_URL = "https://meowchat.xhpolaris.com"
-VITE_XH_ENV = "pro"
diff --git a/src/apis/auth/auth-interfaces.ts b/src/apis/auth/auth-interfaces.ts
index 94eca44d..2ab09a4e 100644
--- a/src/apis/auth/auth-interfaces.ts
+++ b/src/apis/auth/auth-interfaces.ts
@@ -13,9 +13,10 @@ export interface SignInReq {
   authId: string;
   password?: string;
   verifyCode?: string;
+  appId: number;
 }
 
-export interface SignInResp {
+export interface GignInResp {
   userId: string;
   accessToken: string;
   accessExpire: number;
diff --git a/src/apis/auth/auth.ts b/src/apis/auth/auth.ts
index 5fe18734..3b885104 100644
--- a/src/apis/auth/auth.ts
+++ b/src/apis/auth/auth.ts
@@ -4,27 +4,37 @@ import {
   SetPasswordReq,
   SetPasswordResp,
   SignInReq,
-  SignInResp
+  GignInResp
 } from "./auth-interfaces";
+import { getPrefetchData } from "@/apis/prefetch";
 
 /**
  * @description
  * @param req
  */
 export function signIn(req: SignInReq) {
-  return new Promise<SignInResp>((resolve, reject) => {
-    uni.request({
-      url: "/auth/sign_in",
-      data: req,
-      method: "POST",
-      success(res: UniNamespace.RequestSuccessCallbackResult) {
-        if (res.statusCode !== 200) {
-          reject(res);
+  return new Promise<GignInResp>((resolve, reject) => {
+    getPrefetchData()
+      .then((res) => {
+        if (!res.signInResp) {
+          return Promise.reject();
         }
-        const data = res.data as SignInResp;
-        resolve(data);
-      }
-    });
+        resolve(res.signInResp);
+      })
+      .catch(() => {
+        uni.request({
+          url: "/auth/sign_in",
+          data: req,
+          method: "POST",
+          success(res: UniNamespace.RequestSuccessCallbackResult) {
+            if (res.statusCode !== 200) {
+              reject(res);
+            }
+            const data = res.data as GignInResp;
+            resolve(data);
+          }
+        });
+      });
   });
 }
 
diff --git a/src/apis/collection/collection-interfaces.ts b/src/apis/collection/collection-interfaces.ts
index fd08818a..a9ef784b 100644
--- a/src/apis/collection/collection-interfaces.ts
+++ b/src/apis/collection/collection-interfaces.ts
@@ -3,18 +3,7 @@ import { Cat, CatPreview } from "../schemas";
 export interface GetCatPreviewsReq {
   page: number;
   communityId: string;
-}
-
-export interface SearchCatPreviewsReq {
-  communityId: string;
-  page: number;
-  keyword: string;
-}
-
-export interface SearchCatPreviewsResp {
-  cats: CatPreview[];
-  code: number;
-  msg: string;
+  keyword?: string;
 }
 
 export interface GetCatPreviewsResp {
diff --git a/src/apis/collection/collection.ts b/src/apis/collection/collection.ts
index 2b689e31..bc2e22df 100644
--- a/src/apis/collection/collection.ts
+++ b/src/apis/collection/collection.ts
@@ -12,9 +12,7 @@ import {
   GetImageByCatReq,
   GetImageByCatResp,
   NewCatReq,
-  NewCatResp,
-  SearchCatPreviewsReq,
-  SearchCatPreviewsResp
+  NewCatResp
 } from "./collection-interfaces";
 import { PictureStyle } from "@/apis/cos/cos-interface";
 
@@ -80,30 +78,6 @@ export async function getCatPreviews(req: GetCatPreviewsReq) {
   });
 }
 
-/**
- * @description
- * @param req
- */
-export async function searchCatPreviews(req: SearchCatPreviewsReq) {
-  return await new Promise<SearchCatPreviewsResp>((resolve, reject) => {
-    uni.request({
-      url: "/collection/search_cat",
-      data: req,
-      method: "GET",
-      success(res: UniNamespace.RequestSuccessCallbackResult) {
-        if (res.statusCode !== 200) {
-          reject(res);
-        }
-        const data = res.data as SearchCatPreviewsResp;
-        data.cats.forEach((cat) => {
-          cat.avatarUrl += PictureStyle.thumbnail;
-        });
-        resolve(data);
-      }
-    });
-  });
-}
-
 /**
  * @description
  * @param req
diff --git a/src/apis/comment/comment-interfaces.ts b/src/apis/comment/comment-interfaces.ts
index 133691d8..9d47a266 100644
--- a/src/apis/comment/comment-interfaces.ts
+++ b/src/apis/comment/comment-interfaces.ts
@@ -2,7 +2,7 @@ import { Comment } from "@/apis/schemas";
 
 export interface GetCommentsReq {
   // 作用域，如动态、帖子、评论
-  scope: string;
+  type: CommentType;
   page: number;
   id: string;
 }
@@ -17,10 +17,26 @@ export interface GetCommentsResp {
 export interface NewCommentReq {
   text: string;
   id: string;
-  scope: string;
+  firstLevelId?: string;
+  type: CommentType;
 }
 
 export interface NewCommentResp {
   code: number;
   msg: string;
 }
+
+export interface DeleteCommentReq {
+  commentId: string;
+}
+
+export interface DeleteCommentResp {
+  code: number;
+  msg: string;
+}
+
+export enum CommentType {
+  Comment = 1,
+  Post = 2,
+  Moment = 3
+}
diff --git a/src/apis/comment/comment.ts b/src/apis/comment/comment.ts
index 42f9e583..2b8f4aff 100644
--- a/src/apis/comment/comment.ts
+++ b/src/apis/comment/comment.ts
@@ -1,4 +1,6 @@
 import {
+  DeleteCommentReq,
+  DeleteCommentResp,
   GetCommentsReq,
   GetCommentsResp,
   NewCommentReq,
@@ -51,7 +53,7 @@ export async function getComments(req: GetCommentsReq) {
  * @description
  * @param req
  */
-export async function deleteCommment(req: object) {
+export async function deleteComment(req: DeleteCommentReq) {
   return await new Promise<object>((resolve, reject) => {
     uni.request({
       url: "/comment/delete_comment",
@@ -61,7 +63,7 @@ export async function deleteCommment(req: object) {
         if (res.statusCode !== 200) {
           reject(res);
         }
-        const data = res.data as GetCommentsResp;
+        const data = res.data as DeleteCommentResp;
         resolve(data);
       }
     });
diff --git a/src/apis/community/community.ts b/src/apis/community/community.ts
index ebbd375a..e881dd5f 100644
--- a/src/apis/community/community.ts
+++ b/src/apis/community/community.ts
@@ -2,6 +2,7 @@ import {
   ListCommunityReq,
   ListCommunityResp
 } from "@/apis/community/community-interfaces";
+import { getPrefetchData } from "@/apis/prefetch";
 
 let cache: ListCommunityResp | null;
 
@@ -25,19 +26,30 @@ export async function listCommunity(req: ListCommunityReq) {
       return;
     }
 
-    uni.request({
-      url: "/community/list_community",
-      data: req,
-      method: "GET",
-      success(res: UniNamespace.RequestSuccessCallbackResult) {
-        if (res.statusCode !== 200) {
-          reject(res);
+    getPrefetchData()
+      .then((res) => {
+        if (!res.listCommunityResp) {
+          return Promise.reject();
         }
-        const data = res.data as ListCommunityResp;
-        cache = data;
-        resolve(data);
-      }
-    });
+        cache = res.listCommunityResp;
+        resolve(res.listCommunityResp);
+      })
+      .catch((reason) => {
+        console.log(reason);
+        uni.request({
+          url: "/community/list_community",
+          data: req,
+          method: "GET",
+          success(res: UniNamespace.RequestSuccessCallbackResult) {
+            if (res.statusCode !== 200) {
+              reject(res);
+            }
+            const data = res.data as ListCommunityResp;
+            cache = data;
+            resolve(data);
+          }
+        });
+      });
   });
 }
 
diff --git a/src/apis/moment/moment-components.ts b/src/apis/moment/moment-components.ts
index 6b8c808f..c4e2a2ed 100644
--- a/src/apis/moment/moment-components.ts
+++ b/src/apis/moment/moment-components.ts
@@ -9,19 +9,6 @@ export interface DeleteMomentResp {
   msg: string;
 }
 
-export interface SearchMomentPreviewsReq {
-  page: number;
-  keyword: string;
-  communityId: string;
-  Authorization?: string;
-}
-
-export interface SearchMomentPreviewsResp {
-  moments: Moment[];
-  code: number;
-  msg: string;
-}
-
 export interface NewMomentReq {
   id?: string; // 留空表示创建
   title: string;
@@ -38,13 +25,16 @@ export interface NewMomentResp {
 }
 
 export interface GetMomentPreviewsReq {
-  backward?: number;
-  communityId: string;
+  communityId?: string;
   isParent?: number;
+  onlyUserId?: string;
+  keyword?: string;
+
+  backward?: number;
   lastToken?: string;
   limit?: number;
-  onlyUserId?: string;
-  page: number;
+  page?: number;
+  offset?: number;
 }
 
 export interface GetMomentPreviewsResp {
diff --git a/src/apis/moment/moment.ts b/src/apis/moment/moment.ts
index 9aa652c8..87a3b3ad 100644
--- a/src/apis/moment/moment.ts
+++ b/src/apis/moment/moment.ts
@@ -6,9 +6,7 @@ import {
   GetMomentPreviewsReq,
   GetMomentPreviewsResp,
   NewMomentReq,
-  NewMomentResp,
-  SearchMomentPreviewsReq,
-  SearchMomentPreviewsResp
+  NewMomentResp
 } from "./moment-components";
 import { PictureStyle } from "@/apis/cos/cos-interface";
 
@@ -82,23 +80,6 @@ export async function getMomentPreviews(req: GetMomentPreviewsReq) {
   });
 }
 
-export async function searchMomentPreviews(req: SearchMomentPreviewsReq) {
-  return await new Promise<SearchMomentPreviewsResp>((resolve, reject) => {
-    uni.request({
-      url: "/moment/search_moment",
-      data: req,
-      method: "GET",
-      success(res: UniNamespace.RequestSuccessCallbackResult) {
-        if (res.statusCode !== 200) {
-          reject(res);
-        }
-        const data = res.data as SearchMomentPreviewsResp;
-        resolve(data);
-      }
-    });
-  });
-}
-
 /**
  * @description
  * @param req
diff --git a/src/apis/post/post.ts b/src/apis/post/post.ts
index 5b128ccd..5cd083d6 100644
--- a/src/apis/post/post.ts
+++ b/src/apis/post/post.ts
@@ -12,12 +12,6 @@ import { PictureStyle } from "@/apis/cos/cos-interface";
 
 export async function getPostPreviews(req: GetPostPreviewsReq) {
   return await new Promise<GetPostPreviewsResp>((resolve, reject) => {
-    req.page = 2;
-    if (!req.paginationOption) {
-      req.paginationOption = { limit: 10 };
-    } else if (!req.paginationOption.limit) {
-      req.paginationOption.limit = 10;
-    }
     uni.request({
       url: "/post/get_post_previews",
       method: "POST",
@@ -27,19 +21,15 @@ export async function getPostPreviews(req: GetPostPreviewsReq) {
           reject(res);
         }
         const data = res.data as GetPostPreviewsResp;
-        const newData: GetPostPreviewsResp = {
-          ...data,
-          posts: []
-        };
         data.posts?.forEach((post) => {
-          if (!post.user) return;
           if (post.coverUrl) {
             post.coverUrl += PictureStyle.thumbnail;
           }
-          post.user.avatarUrl += PictureStyle.thumbnail;
-          newData.posts.push(post);
+          if (post.user?.avatarUrl) {
+            post.user.avatarUrl += PictureStyle.thumbnail;
+          }
         });
-        resolve(newData);
+        resolve(data);
       }
     });
   });
@@ -90,7 +80,9 @@ export async function getPostDetail(req: GetPostDetailReq) {
           reject(res);
         }
         const data = res.data as GetPostDetailResp;
-        data.post.user.avatarUrl += PictureStyle.thumbnail;
+        if (data.post.user?.avatarUrl) {
+          data.post.user.avatarUrl += PictureStyle.thumbnail;
+        }
         resolve(data);
       }
     });
diff --git a/src/apis/prefetch.ts b/src/apis/prefetch.ts
new file mode 100644
index 00000000..90c36115
--- /dev/null
+++ b/src/apis/prefetch.ts
@@ -0,0 +1,67 @@
+import { GignInResp } from "@/apis/auth/auth-interfaces";
+import { GetUserInfoResp } from "@/apis/user/user-interfaces";
+import { ListCommunityResp } from "@/apis/community/community-interfaces";
+import { GetPostPreviewsResp } from "@/apis/post/post-interfaces";
+import { GetMomentPreviewsResp } from "@/apis/moment/moment-components";
+import { GetCatPreviewsResp } from "@/apis/collection/collection-interfaces";
+import { GetNewsResp } from "@/apis/notice/notice-interfaces";
+
+export interface PrefetchResp {
+  signInResp?: GignInResp;
+  getUserInfoResp?: GetUserInfoResp;
+  listCommunityResp?: ListCommunityResp;
+  firstPostPreviewsResp?: GetPostPreviewsResp;
+  firstMomentPreviewsResp?: GetMomentPreviewsResp;
+  firstCatPreviewsResp?: GetCatPreviewsResp;
+  getNewsResp?: GetNewsResp;
+  token?: string;
+  timestamp: number;
+}
+
+interface Token {
+  communityId?: string;
+  userId?: string;
+  env?: string;
+}
+
+let data: PrefetchResp;
+
+export async function getPrefetchData(expectToken?: Token) {
+  if (!data) {
+    data = await new Promise<PrefetchResp>((resolve, reject) => {
+      uni.getBackgroundFetchData({
+        fetchType: "pre",
+        success: (res) => {
+          if (res.fetchedData) {
+            resolve(JSON.parse(res.fetchedData));
+            return;
+          }
+          reject("获取预加载数据失败");
+        },
+        fail: (reason) => {
+          reject(reason);
+        }
+      });
+    });
+  }
+  if (!data) {
+    return Promise.reject("获取预加载数据失败");
+  }
+  const token: Token = JSON.parse(data.token || "{}");
+  if (!data.timestamp || new Date().getTime() - data.timestamp > 60000) {
+    return Promise.reject("预加载数据过期");
+  }
+  if (
+    expectToken?.communityId &&
+    expectToken.communityId !== token.communityId
+  ) {
+    return Promise.reject("社区id不匹配");
+  }
+  if (expectToken?.userId && expectToken.userId !== token.userId) {
+    return Promise.reject("用户id不匹配");
+  }
+  if (expectToken?.env && expectToken.env !== token.env) {
+    return Promise.reject("环境不匹配");
+  }
+  return data;
+}
diff --git a/src/apis/schemas.ts b/src/apis/schemas.ts
index 19103115..e7b5d7e7 100644
--- a/src/apis/schemas.ts
+++ b/src/apis/schemas.ts
@@ -21,6 +21,7 @@ export interface User {
   article: number;
   follower: number;
   following: number;
+  enableDebug?: boolean;
 }
 
 export interface Auth {
@@ -32,12 +33,13 @@ export interface Auth {
 
 export interface Comment {
   id: string;
-  likes: number;
+  likeCount: number;
   createAt: number;
   text: string;
   user: User;
-  comments: number;
-  replyName?: string;
+  comments?: number;
+  replyUser?: User;
+  isLiked?: boolean;
 }
 
 // post
@@ -52,9 +54,10 @@ export interface Post {
   tags: Tag[];
   likes: number;
   comments: number;
-  user: User;
+  user?: User;
   status: number;
   isOfficial: boolean;
+  isLiked?: boolean;
 }
 
 export interface Tag {
@@ -128,24 +131,14 @@ export interface Moment {
   id: string;
   createAt: number;
   title: string;
-  catId?: string;
+  cats?: Array<CatPreview>;
   communityId: string;
   text: string;
   user: User;
   photos: Array<string>;
-}
-
-export interface MomentData {
-  id: string;
-  createAt: number;
-  title: string;
-  catId?: string;
-  communityId: string;
-  text: string;
-  user: User;
-  photos: Array<string>;
-  likedNumber: number;
-  comments: number;
+  likeCount: number;
+  commentCount: number;
+  isLiked: boolean;
 }
 
 export const enum TargetType {
diff --git a/src/apis/user/user-interfaces.ts b/src/apis/user/user-interfaces.ts
index 05466a26..61131d64 100644
--- a/src/apis/user/user-interfaces.ts
+++ b/src/apis/user/user-interfaces.ts
@@ -4,7 +4,6 @@ export interface GetUserInfoResp {
   code: number;
   msg: string;
   user: User;
-  enableDebug: boolean;
 }
 
 export interface GetUserInfoReq {
diff --git a/src/apis/user/user.ts b/src/apis/user/user.ts
index 785756bf..15786ade 100644
--- a/src/apis/user/user.ts
+++ b/src/apis/user/user.ts
@@ -5,22 +5,33 @@ import {
   UpdateUserInfoResp
 } from "./user-interfaces";
 import { PictureStyle } from "@/apis/cos/cos-interface";
+import { getPrefetchData } from "@/apis/prefetch";
 
 export async function getUserInfo(req: GetUserInfoReq) {
-  return await new Promise<GetUserInfoResp>((resolve, reject) => {
-    uni.request({
-      url: "/user/get_user_info",
-      data: req,
-      method: "GET",
-      success(res: UniNamespace.RequestSuccessCallbackResult) {
-        if (res.statusCode !== 200) {
-          reject(res);
+  return new Promise<GetUserInfoResp>((resolve, reject) => {
+    getPrefetchData({ userId: req.userId })
+      .then((res) => {
+        if (!res.getUserInfoResp?.user) {
+          return Promise.reject("预拉取数据没有用户信息");
         }
-        const data = res.data as GetUserInfoResp;
-        data.user.avatarUrl += PictureStyle.thumbnail;
-        resolve(data);
-      }
-    });
+        resolve(res.getUserInfoResp);
+        res.getUserInfoResp = undefined;
+      })
+      .catch(() => {
+        uni.request({
+          url: "/user/get_user_info",
+          data: req,
+          method: "GET",
+          success(res: UniNamespace.RequestSuccessCallbackResult) {
+            if (res.statusCode !== 200) {
+              reject(res);
+            }
+            const data = res.data as GetUserInfoResp;
+            data.user.avatarUrl += PictureStyle.thumbnail;
+            resolve(data);
+          }
+        });
+      });
   });
 }
 
diff --git a/src/components/BottomBar/BottomBarContent.vue b/src/components/BottomBar/BottomBarContent.vue
index fb67238d..80c8b1a1 100644
--- a/src/components/BottomBar/BottomBarContent.vue
+++ b/src/components/BottomBar/BottomBarContent.vue
@@ -4,7 +4,7 @@
       v-for="item in tabContent"
       :key="item.id"
       class="tab"
-      @click="item.id === 'draft' ? draft(item.url) : tabChange(item.url)"
+      @click="item.id === 'draft' ? draft() : tabChange(item.url)"
     >
       <image
         :class="chooseIconClass(item.id)"
@@ -33,11 +33,11 @@ const tabContent = [
     text: "社区"
   },
   {
-    id: "plan",
-    icon: "/static/images/fish_grey.png",
-    activeIcon: "/static/images/fish_blue.png",
-    url: Pages.Plan,
-    text: "小鱼干"
+    id: "collection",
+    icon: "/static/images/collection-grey.png",
+    activeIcon: "/static/images/collection-blue.png",
+    url: Pages.Collection,
+    text: "图鉴"
   },
   {
     id: "draft",
@@ -86,15 +86,6 @@ const tabChange = (path: string) => {
 };
 const draft = () => {
   emits("toggleShowingDraft", true);
-  // if (props.id === "draft") {
-  //   uni.navigateTo({
-  //     url: path
-  //   });
-  // } else {
-  //   uni.navigateTo({
-  //     url: momentUrl
-  //   });
-  // }
 };
 </script>
 
diff --git a/src/components/DebugPanel.vue b/src/components/DebugPanel.vue
index 2c86f9e6..22ba4a94 100644
--- a/src/components/DebugPanel.vue
+++ b/src/components/DebugPanel.vue
@@ -57,6 +57,8 @@ import { Pages } from "@/utils/url";
 import { BackendEnv, StorageKeys } from "@/utils/const";
 
 const reboot = () => {
+  uni.removeStorageSync(StorageKeys.UserId);
+  uni.removeStorageSync(StorageKeys.AccessToken);
   uni.reLaunch({
     url: Pages.FirstPage
   });
diff --git a/src/env.d.ts b/src/env.d.ts
index e32e8289..7caaa1f2 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -14,6 +14,7 @@ declare module "*.vue" {
 interface ImportMetaEnv extends Readonly<Record<string, string>> {
   readonly VITE_BASIC_URL: string;
   readonly VITE_NAME: string;
+  readonly VITE_ENABLE_DEBUG: boolean;
 }
 
 interface ImportMeta {
diff --git a/src/interceptor.ts b/src/interceptor.ts
index 91c21627..b7d4a3a5 100644
--- a/src/interceptor.ts
+++ b/src/interceptor.ts
@@ -1,4 +1,4 @@
-import { StorageKeys } from "@/utils/const";
+import { BackendEnvMap, StorageKeys } from "@/utils/const";
 
 export function createInterceptors() {
   uni.addInterceptor("request", {
@@ -7,20 +7,23 @@ export function createInterceptors() {
         const env = uni.getStorageSync(StorageKeys.BackendEnv);
         const lane = uni.getStorageSync(StorageKeys.BackendLane);
         args.url = import.meta.env.VITE_BASIC_URL + args.url;
-        // console.log({
-        //   Authorization: uni.getStorageSync(StorageKeys.AccessToken),
-        //   "X-Xh-Env": env ? env : import.meta.env.VITE_XH_ENV,
-        //   "X-Xh-Lane": lane ? lane : ""
-        // });
         args.header = {
-          Authorization: uni.getStorageSync(StorageKeys.AccessToken),
-          // "X-Xh-Env": "",
-          // "X-Xh-Lane": ""
-          "X-Xh-Env": env ? env : import.meta.env.VITE_XH_ENV,
+          Authorization: uni.getStorageSync(StorageKeys.AccessToken).token,
+          "X-Xh-Env": env
+            ? env
+            : BackendEnvMap[uni.getAccountInfoSync().miniProgram.envVersion],
           "X-Xh-Lane": lane ? lane : ""
         };
       }
     },
+    success(result: any) {
+      if (result.statusCode >= 400) {
+        uni.showToast({
+          title: "请求失败",
+          icon: "error"
+        });
+      }
+    },
     fail() {
       uni.showToast({
         title: "网络异常",
diff --git a/src/main.ts b/src/main.ts
index 3f599850..7b5f8b46 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,12 +2,14 @@ import { createSSRApp } from "vue";
 import { createPinia } from "pinia";
 import { createInterceptors } from "@/interceptor";
 import App from "./App.vue";
+import share from "./utils/share";
 
 createInterceptors();
 
 export function createApp() {
   const app = createSSRApp(App);
   const pinia = createPinia();
+  app.mixin(share);
   app.use(pinia);
   return {
     app
diff --git a/src/pages.json b/src/pages.json
index d70d89d9..86172fae 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -200,10 +200,10 @@
         "text": "社区"
       },
       {
-        "pagePath": "pages/plan/plan",
+        "pagePath": "pages/collection/collection",
         "iconPath": "static/images/collection-grey.png",
         "selectedIconPath": "static/images/collection-blue.png",
-        "text": "小鱼干"
+        "text": "图鉴"
       },
       {
         "pagePath": "pages/world/world",
diff --git a/src/pages/collection/collection.vue b/src/pages/collection/collection.vue
index a45d29e2..b9e471f6 100644
--- a/src/pages/collection/collection.vue
+++ b/src/pages/collection/collection.vue
@@ -15,7 +15,7 @@
     >
       <input v-model="searchText" maxlength="20" placeholder="搜索猫咪" />
       <image
-        src="/static/images/search.png"
+        :src="Icons.Search"
         style="width: 60rpx; height: 60rpx"
         @click="onClickSearch"
       />
@@ -48,33 +48,22 @@
       </view>
     </view>
     <template v-if="!isRefreshing">
-      <SearchCats
-        v-if="isClickCollectionSearch"
-        :keyword="searchText"
-        choose="detail"
-        search="cat"
-      ></SearchCats>
-      <search-cats
-        v-if="!isClickCollectionSearch"
-        choose="detail"
-        search="default"
-      ></search-cats>
+      <SearchCats :keyword="searchText" choose="detail"></SearchCats>
     </template>
   </view>
-  <view class="empty-bottom"></view>
   <BottomBar id="collection"></BottomBar>
 </template>
 
 <script lang="ts" setup>
 import BottomBar from "@/components/BottomBar.vue";
 import { Icons, Pages } from "@/utils/url";
-import { reactive, ref } from "vue";
+import { nextTick, reactive, ref } from "vue";
 import { StorageKeys } from "@/utils/const";
 import { onLoad, onPullDownRefresh, onReady, onShow } from "@dcloudio/uni-app";
 import { Community } from "@/apis/schemas";
 import { listCommunity } from "@/apis/community/community";
 import TopBar from "@/components/TopBar.vue";
-import SearchCats from "@/pages/search/search-cats.vue";
+import SearchCats from "@/pages/search/SearchCats.vue";
 
 const switchText = ref("\u00A0 切换学校");
 const currentSchool = ref("");
@@ -83,17 +72,6 @@ let communityId = ref("");
 let parentId = ref("");
 let searchText = ref("");
 
-/**
- * isClickSearch为false时显示所有猫咪
- * 为true时显示搜索猫咪
- */
-let isClickCollectionSearch = ref(false);
-
-searchText.value = uni.getStorageSync(StorageKeys.SearchText);
-isClickCollectionSearch.value = uni.getStorageSync(
-  StorageKeys.IsClickCollectionSearch
-);
-
 function init() {
   communityId.value = uni.getStorageSync(StorageKeys.CommunityId);
 }
@@ -105,12 +83,6 @@ const lists = reactive<{ data: Community[] }>({ data: [] });
 const campuses = reactive<{ data: Community[] }>({ data: [] });
 
 function onClickSearch() {
-  isClickCollectionSearch.value = searchText.value !== "";
-  uni.setStorageSync(StorageKeys.SearchText, searchText.value);
-  uni.setStorageSync(
-    StorageKeys.IsClickCollectionSearch,
-    isClickCollectionSearch.value
-  );
   refresh();
 }
 
@@ -148,11 +120,11 @@ onPullDownRefresh(() => {
 });
 
 function refresh() {
-  setTimeout(function () {
-    uni.stopPullDownRefresh();
-    isRefreshing.value = false;
-  }, 1);
   isRefreshing.value = true;
+  nextTick(() => {
+    isRefreshing.value = false;
+  });
+  uni.stopPullDownRefresh();
 }
 
 function setBranch(e: string, index: number) {
@@ -182,8 +154,6 @@ onShow(() => {
     getCampus();
     refresh();
   }
-  isClickCollectionSearch.value = false;
-  searchText.value = "";
 });
 </script>
 
@@ -205,6 +175,7 @@ onShow(() => {
   display: flex;
   flex-direction: column;
   width: 100vw;
+  height: 100vh;
 }
 
 .switch {
diff --git a/src/pages/community/CarouselFrame.vue b/src/pages/community/CarouselFrame.vue
index fa83c4bf..7b4270db 100644
--- a/src/pages/community/CarouselFrame.vue
+++ b/src/pages/community/CarouselFrame.vue
@@ -1,23 +1,33 @@
 <template>
-  <carousel v-if="isCarouselInitialized" :contents="carouselContents" />
+  <carousel
+    v-if="carouselContents && carouselContents?.length > 0"
+    :contents="carouselContents"
+  />
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
 import Carousel from "./Carousel.vue";
 import { getNews } from "@/apis/notice/notice";
 import { StorageKeys } from "@/utils/const";
+import { News } from "@/apis/schemas";
+import { ref } from "vue";
+import { getPrefetchData } from "@/apis/prefetch";
 
-let isCarouselInitialized = ref(false);
-let carouselContents;
-getNews({ communityId: uni.getStorageSync(StorageKeys.CommunityId) }).then(
-  (res) => {
-    carouselContents = res.news;
-    if (carouselContents.length !== 0) {
-      isCarouselInitialized.value = true;
+const carouselContents = ref<News[]>();
+const communityId = uni.getStorageSync(StorageKeys.CommunityId);
+getPrefetchData({ communityId: communityId })
+  .then((res) => {
+    if (!res.getNewsResp?.news) {
+      return Promise.reject("预拉取数据不含轮播图");
     }
-  }
-);
+    carouselContents.value = res.getNewsResp.news;
+    res.getNewsResp = undefined;
+  })
+  .catch(() => {
+    getNews({ communityId: communityId }).then((res) => {
+      carouselContents.value = res.news;
+    });
+  });
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/pages/community/CarouselTest.vue b/src/pages/community/CarouselTest.vue
index 0a1a7f25..61464909 100644
--- a/src/pages/community/CarouselTest.vue
+++ b/src/pages/community/CarouselTest.vue
@@ -1,5 +1,5 @@
 <template>
-  <view>新轮播图</view>
+  <view></view>
 </template>
 
 <script setup lang="ts"></script>
diff --git a/src/pages/community/CollectionEntry.vue b/src/pages/community/CollectionEntry.vue
index 9837b2fc..126a836c 100644
--- a/src/pages/community/CollectionEntry.vue
+++ b/src/pages/community/CollectionEntry.vue
@@ -1,5 +1,5 @@
 <template>
-  <view>Entry</view>
+  <view></view>
 </template>
 
 <script setup lang="ts"></script>
diff --git a/src/pages/community/Masonry.vue b/src/pages/community/Masonry.vue
index a6cf2c1a..880cd024 100644
--- a/src/pages/community/Masonry.vue
+++ b/src/pages/community/Masonry.vue
@@ -47,14 +47,14 @@
               </view>
             </view>
             <view
-              v-if="moment.likedNumber || moment.comments"
+              v-if="moment.likeCount || moment.commentCount"
               class="other-info"
             >
-              <view v-if="moment.likedNumber" class="font-sm"
-                >{{ moment.likedNumber }}位喵友觉得很赞
+              <view v-if="moment.likeCount" class="font-sm"
+                >{{ moment.likeCount }}位喵友觉得很赞
               </view>
-              <view v-if="moment.comments" class="comment font-sm"
-                >{{ moment.comments }}条回复</view
+              <view v-if="moment.commentCount" class="comment font-sm"
+                >{{ moment.commentCount }}条回复</view
               >
             </view>
           </view>
@@ -70,13 +70,11 @@
 
 <script lang="ts" setup>
 import { getCurrentInstance, onBeforeMount, reactive, ref } from "vue";
-import { Moment, MomentData } from "@/apis/schemas";
+import { Moment } from "@/apis/schemas";
 import { onClickMoment } from "@/pages/community/utils";
 import { onReachBottom } from "@dcloudio/uni-app";
 import { displayTime } from "@/utils/time";
 import { Pictures } from "@/utils/url";
-import { getCount } from "@/apis/like/like";
-import { getComments } from "@/apis/comment/comment";
 
 interface Props {
   getPreviews: () => Promise<Moment[]>;
@@ -91,9 +89,9 @@ const props = defineProps<Props>();
 
 const isNoData = ref(true);
 
-let momentsInBatch: MomentData[];
-const leftMoments = reactive<MomentData[]>([]);
-const rightMoments = reactive<MomentData[]>([]);
+let momentsInBatch: Moment[];
+const leftMoments = reactive<Moment[]>([]);
+const rightMoments = reactive<Moment[]>([]);
 
 let leftHeight = 0;
 let rightHeight = 0;
@@ -138,35 +136,10 @@ let isFirstLoadImg = true;
 const addBatch = async () => {
   momentsInBatch = [];
   const moments = await props.getPreviews();
-  for (let i = 0; i < moments.length; i++) {
-    let momentData = reactive<MomentData>({
-      id: moments[i].id,
-      createAt: moments[i].createAt,
-      title: moments[i].title,
-      catId: moments[i].catId,
-      communityId: moments[i].communityId,
-      text: moments[i].text,
-      user: moments[i].user,
-      photos: moments[i].photos,
-      likedNumber: 0,
-      comments: 0
-    });
-    getCount({ targetId: moments[i].id, targetType: 4 }).then((res) => {
-      momentData.likedNumber = res.count;
-    });
-    getComments({ scope: "moment", page: 0, id: moments[i].id }).then((res) => {
-      momentData.comments += res.total;
-      for (let i = 0; i < res.comments?.length; i++) {
-        // eslint-disable-next-line no-prototype-builtins
-        if (res.comments[i].hasOwnProperty("comments"))
-          momentData.comments += res.comments[i].comments;
-      }
-    });
-    momentsInBatch.push(momentData);
+  for (const moment of moments) {
+    momentsInBatch.push(reactive<Moment>(moment));
   }
 
-  // momentsInBatch = await props.getPreviews();
-
   if (momentsInBatch.length > 0) {
     isNoData.value = false;
     batchLength = momentsInBatch.length;
diff --git a/src/pages/community/MasonryFrame.vue b/src/pages/community/MasonryFrame.vue
index f5c5097f..fd9195be 100644
--- a/src/pages/community/MasonryFrame.vue
+++ b/src/pages/community/MasonryFrame.vue
@@ -4,43 +4,56 @@
 
 <script lang="ts" setup>
 import Masonry from "@/pages/community/Masonry.vue";
-import { getMomentPreviews, searchMomentPreviews } from "@/apis/moment/moment";
+import { getMomentPreviews } from "@/apis/moment/moment";
 import { ref } from "vue";
-import { Moment } from "@/apis/schemas";
 import { StorageKeys } from "@/utils/const";
+import { GetMomentPreviewsReq } from "@/apis/moment/moment-components";
+import { getPrefetchData, PrefetchResp } from "@/apis/prefetch";
 
 interface Props {
-  search?: string;
   keyword?: string;
 }
+const props = defineProps<Props>();
 
-const props = withDefaults(defineProps<Props>(), {
-  search: "default",
-  keyword: "cat"
-});
-
-const page = ref<number>(0); //每往下翻页一次page加1直到没有内容
+let lastToken: string; // 每次记录上个token
 
 const isInitialized = ref(false);
-const getPreviews = ref<() => Promise<Moment[]>>(async () => {
-  return (
-    await getMomentPreviews({
-      page: page.value++,
-      communityId: uni.getStorageSync(StorageKeys.CommunityId)
-    })
-  ).moments;
-});
-if (props.search === "search") {
-  getPreviews.value = async () => {
-    return (
-      await searchMomentPreviews({
-        page: page.value++,
-        communityId: uni.getStorageSync(StorageKeys.CommunityId),
-        keyword: props.keyword
-      })
-    ).moments;
+const communityId = uni.getStorageSync(StorageKeys.CommunityId);
+
+const fetch = async () => {
+  const req: GetMomentPreviewsReq = {
+    communityId: communityId
   };
-}
+  if (lastToken) {
+    req.lastToken = lastToken;
+  }
+  if (props.keyword) {
+    req.keyword = props.keyword;
+  }
+  const res = await getMomentPreviews(req);
+  lastToken = res.token;
+  return res.moments;
+};
+
+const getPreviews = async () => {
+  if (lastToken || props.keyword) {
+    return fetch();
+  }
+  let res: PrefetchResp;
+  try {
+    res = await getPrefetchData({ communityId: communityId });
+  } catch (reason) {
+    return fetch();
+  }
+  if (!res.firstMomentPreviewsResp?.moments) {
+    return fetch();
+  }
+  lastToken = res.firstMomentPreviewsResp.token;
+  const moments = res.firstMomentPreviewsResp.moments;
+  res.firstMomentPreviewsResp = undefined;
+  return moments;
+};
+
 isInitialized.value = true;
 </script>
 
diff --git a/src/pages/community/community.vue b/src/pages/community/community.vue
index e99d71c9..f513ba43 100644
--- a/src/pages/community/community.vue
+++ b/src/pages/community/community.vue
@@ -26,7 +26,7 @@
     <view style="height: 4vw"></view>
 
     <view v-if="!isRefreshing">
-      <MasonryFrame search="default"></MasonryFrame>
+      <MasonryFrame></MasonryFrame>
     </view>
 
     <view style="height: 18vw"></view>
@@ -38,7 +38,7 @@
 <script lang="ts" setup>
 import CollectionEntry from "@/pages/community/CollectionEntry.vue";
 import BottomBar from "@/components/BottomBar.vue";
-import { reactive, ref } from "vue";
+import { nextTick, reactive, ref } from "vue";
 import TopBar from "@/components/TopBar.vue";
 import SchoolSelectBar from "@/components/SchoolSelectBar.vue";
 import MasonryFrame from "@/pages/community/MasonryFrame.vue";
@@ -46,58 +46,19 @@ import Cards from "@/pages/community/cards/cards.vue";
 import CarouselFrame from "@/pages/community/CarouselFrame.vue";
 import CarouselTest from "@/pages/community/CarouselTest.vue";
 import { onLoad, onPullDownRefresh, onReady, onShow } from "@dcloudio/uni-app";
-import { listCommunity } from "@/apis/community/community";
-import { Community } from "@/apis/schemas";
 import { StorageKeys } from "@/utils/const";
-
-uni.setStorageSync(StorageKeys.SearchText, "");
-
-uni.setStorageSync(StorageKeys.IsClickCollectionSearch, false);
-
-const currentSchool = ref("");
-const currentCampus = ref("");
-const communityId = ref("");
-const parentId = ref("");
+import { needChooseCommunity } from "@/utils/init";
+import { Pages } from "@/utils/url";
+const communityId = ref(uni.getStorageSync(StorageKeys.CommunityId));
 const cardList = reactive(["", "", "", "", "", ""]);
 
-function init() {
-  communityId.value = uni.getStorageSync(StorageKeys.CommunityId);
-}
-
-const lists = reactive<{
-  data: Community[];
-}>({
-  data: []
-});
-
-async function schoolList() {
-  lists.data = (await listCommunity({})).communities;
-}
-
-async function getCampus() {
-  await schoolList();
-  init();
-  for (let i = 0; i < lists.data.length; i++) {
-    if (lists.data[i].id === communityId.value) {
-      currentCampus.value = lists.data[i].name;
-      parentId.value = <string>lists.data[i].parentId;
-    }
-  }
-  for (let j = 0; j < lists.data.length; j++) {
-    if (lists.data[j].id === parentId.value) {
-      currentSchool.value = lists.data[j].name;
-    }
-  }
-}
-
-const isRefreshing = ref(false);
+const isRefreshing = ref(true);
 
 function pageRefresh() {
   isRefreshing.value = true;
-  setTimeout(() => {
+  nextTick(() => {
     isRefreshing.value = false;
-  }, 1);
-  getCampus();
+  });
 }
 
 onPullDownRefresh(() => {
@@ -106,9 +67,13 @@ onPullDownRefresh(() => {
 });
 
 onLoad(() => {
+  if (needChooseCommunity.value) {
+    uni.navigateTo({ url: Pages.SchoolSelect });
+  }
   uni.showLoading({
     title: "加载中"
   });
+  isRefreshing.value = false;
 });
 
 onReady(() => {
@@ -116,12 +81,11 @@ onReady(() => {
 });
 
 onShow(() => {
-  getCampus();
-  // getHistories();
   if (
     !communityId.value ||
-    communityId.value != uni.getStorageSync(StorageKeys.CommunityId)
+    communityId.value !== uni.getStorageSync(StorageKeys.CommunityId)
   ) {
+    communityId.value = uni.getStorageSync(StorageKeys.CommunityId);
     pageRefresh();
   }
 });
diff --git a/src/pages/draft/BottomPanel.vue b/src/pages/draft/BottomPanel.vue
index 6e72f4f1..cdd8e13f 100644
--- a/src/pages/draft/BottomPanel.vue
+++ b/src/pages/draft/BottomPanel.vue
@@ -1,7 +1,8 @@
 <template>
   <view class="panel">
     <button
-      :class="'publish ' + (props.canPublish ? 'can' : 'disabled')"
+      :class="'publish ' + (props.canPublish && !disabled ? 'can' : 'disabled')"
+      :disabled="disabled"
       @click="publish"
     >
       {{ props.text }}
@@ -16,9 +17,15 @@
       ，一旦发布即被视为同意上述协议和政策
     </view>
   </view>
+  <deal v-if="isShow && type === 1"></deal>
+  <policy v-if="isShow && type === 2"></policy>
 </template>
 
 <script setup lang="ts">
+import Policy from "@/components/deal-policy/policy.vue";
+import Deal from "@/components/deal-policy/deal.vue";
+import { ref } from "vue";
+
 interface Props {
   canPublish: boolean;
   text: string;
@@ -29,10 +36,28 @@ const props = withDefaults(defineProps<Props>(), {
 });
 const emits = defineEmits(["publish"]);
 
+const isShow = ref(false);
+const type = ref(0);
+const disabled = ref(false);
+
 const publish = () => {
   if (!props.canPublish) return;
+  disabled.value = true;
   emits("publish");
+  setTimeout(() => {
+    disabled.value = false;
+  }, 2000);
 };
+
+function showDeal() {
+  type.value = 1;
+  isShow.value = !isShow.value;
+}
+
+function showPolicy() {
+  type.value = 2;
+  isShow.value = !isShow.value;
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/src/pages/draft/EditTags.vue b/src/pages/draft/EditTags.vue
index 585111d1..8c45332b 100644
--- a/src/pages/draft/EditTags.vue
+++ b/src/pages/draft/EditTags.vue
@@ -18,10 +18,6 @@
     >Tips: 点击tag以删除</view
   >
   <view class="add-tags">
-    <!--    <view v-if="isEditingInput" class="button" @click="finishEdit"-->
-    <!--      >确认添加</view-->
-    <!--    >-->
-    <!--    <view v-else class="text-button" @click="startEdit">[无tag]</view>-->
     <input
       v-if="isEditingInput"
       v-model="inputText"
diff --git a/src/pages/draft/choose-cat/choose-cat.vue b/src/pages/draft/choose-cat/choose-cat.vue
index 7e4152a9..63a6036d 100644
--- a/src/pages/draft/choose-cat/choose-cat.vue
+++ b/src/pages/draft/choose-cat/choose-cat.vue
@@ -15,7 +15,7 @@
     >
       <input v-model="searchText" maxlength="20" placeholder="搜索猫咪" />
       <image
-        src="/static/images/search.png"
+        :src="Icons.Search"
         style="width: 60rpx; height: 60rpx"
         @click="onClickSearch"
       />
@@ -48,17 +48,7 @@
       </view>
     </view>
     <template v-if="!isRefreshing">
-      <search-cats
-        v-if="isClickCollectionSearch"
-        :keyword="searchText"
-        choose="choose"
-        search="cat"
-      ></search-cats>
-      <search-cats
-        v-if="!isClickCollectionSearch"
-        choose="choose"
-        search="default"
-      ></search-cats>
+      <SearchCats :keyword="searchText" choose="choose"></SearchCats>
     </template>
   </view>
 </template>
@@ -70,7 +60,7 @@ import { StorageKeys } from "@/utils/const";
 import { onPullDownRefresh, onShow } from "@dcloudio/uni-app";
 import { Community } from "@/apis/schemas";
 import { listCommunity } from "@/apis/community/community";
-import SearchCats from "@/pages/search/search-cats.vue";
+import SearchCats from "@/pages/search/SearchCats.vue";
 import TopBar from "@/components/TopBar.vue";
 
 const switchText = ref("\u00A0 切换学校");
@@ -80,17 +70,6 @@ let communityId = ref("");
 let parentId = ref("");
 let searchText = ref("");
 
-/**
- * isClickSearch为false时显示所有猫咪
- * 为true时显示搜索猫咪
- */
-let isClickCollectionSearch = ref(false);
-
-searchText.value = uni.getStorageSync(StorageKeys.SearchText);
-isClickCollectionSearch.value = uni.getStorageSync(
-  StorageKeys.IsClickCollectionSearch
-);
-
 function init() {
   communityId.value = uni.getStorageSync(StorageKeys.CommunityId);
 }
@@ -100,12 +79,6 @@ const lists = reactive<{ data: Community[] }>({ data: [] });
 const campuses = reactive<{ data: Community[] }>({ data: [] });
 
 function onClickSearch() {
-  isClickCollectionSearch.value = searchText.value !== "";
-  uni.setStorageSync(StorageKeys.SearchText, searchText.value);
-  uni.setStorageSync(
-    StorageKeys.IsClickCollectionSearch,
-    isClickCollectionSearch.value
-  );
   refresh();
 }
 
@@ -166,8 +139,6 @@ onShow(() => {
   if (uni.getStorageSync(StorageKeys.CommunityId) !== communityId.value) {
     getCampus();
   }
-  isClickCollectionSearch.value = false;
-  searchText.value = "";
   refresh();
 });
 </script>
diff --git a/src/pages/draft/draft-image/draft-image.vue b/src/pages/draft/draft-image/draft-image.vue
index 9f9ba955..9ab28cc9 100644
--- a/src/pages/draft/draft-image/draft-image.vue
+++ b/src/pages/draft/draft-image/draft-image.vue
@@ -1,8 +1,11 @@
 <template>
+  <TopBar :has-go-back="true" :has-shadow="false" bg-color="#ffffff">
+    <template #center>上传猫片</template>
+  </TopBar>
   <view class="all">
     <view class="main">
       <view class="images">
-        <template v-for="(image, index) in imagesData" :key="image.id">
+        <template v-for="(image, index) of imagesData" :key="image.id">
           <view
             :style="{ backgroundImage: 'url(' + image.url + ')' }"
             class="added-image"
@@ -31,45 +34,34 @@
           />
         </template>
       </view>
-      <button :disabled="disablePublish" class="publish" @click="createImage">
-        上传至照片墙
-      </button>
-      <view class="notice">
-        发布前请先阅读
-        <view class="nobody-will-read" @click="showDeal">
-          《用户服务协议》
-        </view>
-        及
-        <view class="nobody-will-read" @click="showPolicy">
-          《个人信息保护政策》
-        </view>
-        ，一旦发布即被视为同意上述协议和政策
-      </view>
+      <BottomPanel
+        :can-publish="!disablePublish"
+        text="发布动态"
+        @publish="createImage"
+      ></BottomPanel>
     </view>
   </view>
-  <deal v-if="isShow && type === 1"></deal>
-  <policy v-if="isShow && type === 2"></policy>
 </template>
 
 <script lang="ts" setup>
 import { reactive, ref } from "vue";
 import { putObject } from "@/apis/cos/cos";
-import Deal from "@/components/deal-policy/deal.vue";
-import Policy from "@/components/deal-policy/policy.vue";
 import { CatImage } from "@/apis/collection/collection-interfaces";
 import { CreateImage } from "@/apis/collection/collection";
 import { Pages } from "@/utils/url";
 import { onClickImage } from "@/pages/cat/utils";
+import TopBar from "@/components/TopBar.vue";
+import BottomPanel from "@/pages/draft/BottomPanel.vue";
 
 const props = defineProps<{
   catId: string;
   catName: string;
 }>();
-const imagesData = reactive<any>([]);
+const imagesData = reactive<any[]>([]);
 
 const disablePublish = ref(false);
 
-const photos = reactive<any>([]);
+const photos = reactive<any[]>([]);
 
 function addImage() {
   disablePublish.value = true;
@@ -87,7 +79,8 @@ function addImage() {
           url: path
         });
         putObject({
-          filePath: path
+          filePath: path,
+          prefix: `cat/${props.catId}/photo_wall`
         }).then(function (url) {
           const catImage = reactive<CatImage>({
             catId: props.catId,
@@ -112,6 +105,13 @@ function addImage() {
 }
 
 function createImage() {
+  if (!photos.length) {
+    uni.showToast({
+      title: "至少上传一张图片哦",
+      icon: "none"
+    });
+    return;
+  }
   CreateImage({
     images: photos
   }).then(() => {
@@ -132,7 +132,6 @@ const type = ref(0);
 function showDeal() {
   type.value = 1;
   isShow.value = !isShow.value;
-  console.log(isShow.value);
 }
 
 function showPolicy() {
diff --git a/src/pages/draft/draft-moment.vue b/src/pages/draft/draft-moment.vue
index 66a939cd..b72ecf8f 100644
--- a/src/pages/draft/draft-moment.vue
+++ b/src/pages/draft/draft-moment.vue
@@ -17,8 +17,7 @@
   ></InputArea>
   <view style="height: 4vw"></view>
   <ChooseCat></ChooseCat>
-  <view style="height: 8vw"></view>
-  <view style="height: 36vw"></view>
+  <view style="height: 44vw"></view>
   <BottomPanel
     :can-publish="!isUploadingImages"
     text="发布动态"
@@ -32,7 +31,7 @@ import ChooseCat from "@/pages/draft/ChooseCat.vue";
 import BottomPanel from "@/pages/draft/BottomPanel.vue";
 import InputArea from "@/pages/draft/InputArea.vue";
 import TopBar from "@/components/TopBar.vue";
-import { reactive, ref } from "vue";
+import { ref } from "vue";
 import { StorageKeys } from "@/utils/const";
 import { newMoment } from "@/apis/moment/moment";
 import { Pages } from "@/utils/url";
@@ -45,7 +44,6 @@ const title = ref("");
 const content = ref("");
 const photos = ref([]);
 const changeTitle = (text: string) => {
-  console.log("here");
   title.value = text;
 };
 const changeContent = (text: string) => {
@@ -67,7 +65,6 @@ const publish = () => {
   isPublished.value = true;
   uni.setStorageSync(StorageKeys.DraftMoment, "");
   newMoment({
-    id: "",
     title: title.value,
     communityId: uni.getStorageSync(StorageKeys.CommunityId),
     text: content.value,
@@ -88,12 +85,12 @@ const publish = () => {
       const code = reason.data.Code;
       if (code === 10001) {
         uni.showToast({
-          title: "文本含不合法内容",
+          title: "文本含敏感内容",
           icon: "none"
         });
       } else if (code === 10002) {
         uni.showToast({
-          title: "图片含不合法内容",
+          title: "图片含敏感内容",
           icon: "none"
         });
       } else {
@@ -104,14 +101,6 @@ const publish = () => {
       }
       isPublished.value = false;
     });
-  console.log({
-    id: "",
-    title: title.value,
-    communityId: uni.getStorageSync(StorageKeys.CommunityId),
-    text: content.value,
-    photos: [...photos.value],
-    catId: uni.getStorageSync(StorageKeys.IdSelected)
-  });
 };
 </script>
 
diff --git a/src/pages/draft/draft-post.vue b/src/pages/draft/draft-post.vue
index 99b7365b..ce5d9c61 100644
--- a/src/pages/draft/draft-post.vue
+++ b/src/pages/draft/draft-post.vue
@@ -41,7 +41,6 @@ const content = ref("");
 const coverUrl = ref("");
 const tags = ref([]);
 const changeTitle = (text: string) => {
-  console.log("here");
   title.value = text;
 };
 const changeContent = (text: string) => {
@@ -60,7 +59,6 @@ const toggleIsUploadingImages = (bool: boolean) => {
 };
 
 const publish = () => {
-  console.log("publish");
   if (title.value === "") {
     uni.showToast({
       title: "请输入标题",
@@ -77,22 +75,12 @@ const publish = () => {
   }
   uni.setStorageSync(StorageKeys.DraftPost, "");
   isPublished.value = !isPublished.value;
-  console.log([...tags.value]);
-  console.log({
-    title: title.value,
-    text: content.value,
-    coverUrl: coverUrl.value,
-    tags: [...tags.value],
-    isOfficial: false,
-    id: ""
-  });
   newPost({
     title: title.value,
     text: content.value,
     coverUrl: coverUrl.value,
     tags: [...tags.value],
-    isOfficial: false,
-    id: ""
+    isOfficial: false
   })
     .then(() => {
       uni.switchTab({
@@ -108,12 +96,12 @@ const publish = () => {
       const code = reason.data.Code;
       if (code === 10001) {
         uni.showToast({
-          title: "文本含不合法内容",
+          title: "文本含敏感内容",
           icon: "none"
         });
       } else if (code === 10002) {
         uni.showToast({
-          title: "图片含不合法内容",
+          title: "图片含敏感内容",
           icon: "none"
         });
       } else {
diff --git a/src/pages/first-page/first-page.vue b/src/pages/first-page/first-page.vue
index 76e83daf..947fbc7b 100644
--- a/src/pages/first-page/first-page.vue
+++ b/src/pages/first-page/first-page.vue
@@ -5,8 +5,11 @@
 <script lang="ts" setup>
 import { init } from "@/utils/init";
 import { Pages } from "@/utils/url";
-
+uni.showLoading({
+  title: "初始化中"
+});
 init().then(() => {
+  uni.hideLoading();
   uni.reLaunch({
     url: Pages.Community
   });
diff --git a/src/pages/moment/CommentBox.vue b/src/pages/moment/CommentBox.vue
index a99aba01..6d82f18a 100644
--- a/src/pages/moment/CommentBox.vue
+++ b/src/pages/moment/CommentBox.vue
@@ -37,17 +37,20 @@
               src="/static/images/arrow_right_blue.png"
             />
           </view>
-          <view v-if="like" class="like-box">
+          <view
+            v-if="comment?.likeCount || comment?.likeCount === 0"
+            class="like-box"
+          >
             <text class="reply" @click="emit('interactWithComment')">回复</text>
             <view class="d-flex a-center" style="margin-right: 11rpx">
               <view
-                v-if="like.isLike"
+                v-if="comment?.isLiked"
                 class="like-icon liked"
                 @click="emit('localDoLike')"
               />
               <view v-else class="like-icon" @click="$emit('localDoLike')" />
               <text class="like-num">
-                {{ like.count }}
+                {{ comment.likeCount }}
               </text>
             </view>
           </view>
@@ -74,21 +77,17 @@
 </template>
 
 <script lang="ts" setup>
-import { LikeStruct } from "@/pages/moment/utils";
 import { Comment } from "@/apis/schemas";
 import { displayTime } from "@/utils/time";
-import { deleteCommment } from "@/apis/comment/comment";
-import { getUserInfo } from "@/apis/user/user";
+import { deleteComment } from "@/apis/comment/comment";
 import { ref } from "vue";
 import { toPersonInfo } from "@/pages/profile/utils";
+import { StorageKeys } from "@/utils/const";
 
 const props = defineProps<{
-  like: LikeStruct;
   comment: Comment;
 }>();
-// console.log(myUserId, props.comment.user.id);
-
-const myUserId = ref("");
+const myUserId = uni.getStorageSync(StorageKeys.UserId);
 const isShowDeleteDialogue = ref(false);
 
 const emit = defineEmits<{
@@ -98,13 +97,6 @@ const emit = defineEmits<{
   (e: "afterDelete"): void;
 }>();
 
-const getData = async () => {
-  getUserInfo({}).then((res) => {
-    myUserId.value = res.user.id;
-  });
-};
-getData();
-
 const showDeleteDialogue = () => {
   isShowDeleteDialogue.value = true;
 };
@@ -112,7 +104,7 @@ const closeDeleteDialogue = () => {
   isShowDeleteDialogue.value = false;
 };
 const deleteThisPost = () => {
-  deleteCommment({
+  deleteComment({
     commentId: props.comment.id
   }).then(
     () => {
diff --git a/src/pages/moment/Reply.vue b/src/pages/moment/Reply.vue
index f2efe873..84ebac26 100644
--- a/src/pages/moment/Reply.vue
+++ b/src/pages/moment/Reply.vue
@@ -21,22 +21,19 @@
               <view class="lower">{{ mainComment.text }}</view>
             </view>
             <view class="right">
-              <view class="likes-frame" @click="mainCommentDoLike">
-                <view
-                  v-if="mainCommentLikeData.isLike"
-                  class="thumb liked"
-                ></view>
+              <view class="likes-frame" @click="likeComment(mainComment)">
+                <view v-if="mainComment.isLiked" class="thumb liked"></view>
                 <view v-else class="thumb"></view>
-                <view class="likes">{{ mainCommentLikeData.count }}</view>
+                <view class="likes">{{ mainComment.likeCount }}</view>
               </view>
             </view>
           </view>
         </view>
       </view>
-      <view v-for="(item, index) in comments.data" :key="index" class="reply">
+      <view v-for="(comment, index) in comments" :key="index" class="reply">
         <view
           :style="{
-            backgroundImage: 'url( ' + item.user.avatarUrl + ')'
+            backgroundImage: 'url( ' + comment.user.avatarUrl + ')'
           }"
           class="avatar"
           style="margin-left: calc(42 / 390 * 100vw)"
@@ -45,21 +42,18 @@
           <view class="content">
             <view class="left">
               <view class="upper">
-                <view class="username">{{ item.user.nickname }}</view>
+                <view class="username">{{ comment.user.nickname }}</view>
                 <view class="timestamp"
-                  >· {{ displayTime(item.createAt) }}
+                  >· {{ displayTime(comment.createAt) }}
                 </view>
               </view>
-              <view class="lower">{{ item.text }}</view>
+              <view class="lower">{{ comment.text }}</view>
             </view>
-            <view v-if="comments.likeData[index]" class="right">
-              <view class="likes-frame" @click="asyncReplyDoLike(index)">
-                <view
-                  v-if="comments.likeData[index].isLike"
-                  class="thumb liked"
-                ></view>
+            <view v-if="comment.likeCount >= 0" class="right">
+              <view class="likes-frame" @click="likeComment(comment)">
+                <view v-if="comment.isLiked" class="thumb liked"></view>
                 <view v-else class="thumb"></view>
-                <view class="likes">{{ comments.likeData[index].count }}</view>
+                <view class="likes">{{ comment.likeCount }}</view>
               </view>
             </view>
           </view>
@@ -70,29 +64,18 @@
 </template>
 
 <script lang="ts" setup>
-import { Comment, TargetType } from "@/apis/schemas";
+import { Comment } from "@/apis/schemas";
 import { displayTime } from "@/utils/time";
-import { onBeforeUnmount, reactive, toRefs } from "vue";
-import { getCommentsData, LikeStruct } from "@/pages/moment/utils";
+import { ref } from "vue";
+import { getCommentsData, likeComment } from "@/pages/moment/utils";
 import { onReachBottom } from "@dcloudio/uni-app";
-import { doLike } from "@/apis/like/like";
+import { CommentType } from "@/apis/comment/comment-interfaces";
 
 const props = defineProps<{
   mainComment: Comment;
-  likeData: LikeStruct;
 }>();
 
-const mainCommentLikeData = {
-  ...toRefs(props.likeData)
-};
-
-const comments = reactive<{
-  data: Comment[];
-  likeData: LikeStruct[];
-}>({
-  data: [],
-  likeData: []
-});
+const comments = ref<Comment[]>([]);
 
 let allCommentsLoaded = false;
 let isCommentsLoaded = true;
@@ -101,12 +84,11 @@ const localGetCommentsData = async () => {
   isCommentsLoaded = false;
   getCommentsData({
     id: props.mainComment.id,
-    scope: "comment",
+    type: CommentType.Comment,
     page: page
   }).then((res) => {
     for (let i = 0; i < res.data.length; i++) {
-      comments.data.push(res.data[i]);
-      comments.likeData.push(res.likeData[i]);
+      comments.value.push(res.data[i]);
     }
     isCommentsLoaded = true;
     page += 1;
@@ -114,34 +96,6 @@ const localGetCommentsData = async () => {
   });
 };
 
-const mainCommentDoLike = async () => {
-  // 延迟到reply父组件中提交，这里只emit
-  emits("updateLikeData");
-};
-
-// also see post.vue/moment.vue
-const replyDoLikeMap = new Map<string, number>();
-const asyncReplyDoLike = (index: number) => {
-  if (replyDoLikeMap.has(comments.data[index].id)) {
-    replyDoLikeMap.delete(comments.data[index].id);
-  } else {
-    replyDoLikeMap.set(comments.data[index].id, index);
-  }
-  if (comments.likeData[index].isLike) {
-    comments.likeData[index].count--;
-  } else {
-    comments.likeData[index].count++;
-  }
-  comments.likeData[index].isLike = !comments.likeData[index].isLike;
-};
-const replyDoLike = async (id: string) => {
-  const likeReq = {
-    targetId: id,
-    targetType: TargetType.Comment
-  };
-  await doLike(likeReq);
-};
-
 localGetCommentsData();
 
 onReachBottom(() => {
@@ -150,19 +104,11 @@ onReachBottom(() => {
   }
 });
 
-const emits = defineEmits(["closeReply", "updateLikeData"]);
+const emits = defineEmits(["closeReply"]);
 
 function closeSelf() {
   emits("closeReply");
 }
-
-onBeforeUnmount(() => {
-  Promise.all(
-    Array.from(replyDoLikeMap.keys()).map((id) => replyDoLike(id))
-  ).finally(() => {
-    replyDoLikeMap.clear();
-  });
-});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/pages/moment/WriteCommentBox.vue b/src/pages/moment/WriteCommentBox.vue
index 7cf0a13a..5cceb08a 100644
--- a/src/pages/moment/WriteCommentBox.vue
+++ b/src/pages/moment/WriteCommentBox.vue
@@ -2,24 +2,17 @@
   <view class="write-comment-box">
     <input
       ref="input"
-      :focus="focus"
+      v-model="text"
       :placeholder="placeholderText"
-      :value="newCommentReq.text"
       class="write-comment"
       type="text"
       @blur="blur"
-      @focus="onFocus"
-      @input="$emit('updateText', $event.target.value)"
     />
-    <view class="like-box">
-      <view
-        v-if="likeData.isLike"
-        class="like-icon liked"
-        @click="$emit('doLike')"
-      />
+    <view v-if="likeCount >= 0" class="like-box">
+      <view v-if="isLiked" class="like-icon liked" @click="$emit('doLike')" />
       <view v-else class="like-icon" @click="$emit('doLike')" />
       <view class="like-num">
-        {{ likeData.count }}
+        {{ likeCount }}
       </view>
     </view>
     <view class="send-comment-btn" @click="localCreateComment"> 发布</view>
@@ -27,54 +20,42 @@
 </template>
 
 <script lang="ts" setup>
-import { NewCommentReq } from "@/apis/comment/comment-interfaces";
-import { createComment, LikeStruct } from "@/pages/moment/utils";
-import { reactive } from "vue";
+import { CommentType } from "@/apis/comment/comment-interfaces";
+import { createComment } from "@/pages/moment/utils";
+import { ref } from "vue";
 
-// eslint-disable-next-line no-unused-vars
 const props = defineProps<{
-  newCommentReq: NewCommentReq;
-  likeData: LikeStruct;
+  parentId: string;
+  parentType: CommentType;
+  firstLevelId?: string;
+  likeCount?: number;
+  isLiked: boolean;
   placeholderText: string;
-  focus: boolean;
 }>();
-
+const text = ref("");
 const emit = defineEmits<{
-  (e: "updateText", newText: string): void;
-  (e: "update:placeholderText", newText: string): void;
-  (e: "doLike"): void;
   (e: "afterCreateComment"): void;
-  (e: "afterBlur"): void;
+  (e: "cancelReply"): void;
+  (e: "doLike"): void;
 }>();
 
-const preReq = reactive<NewCommentReq>({
-  id: props.newCommentReq.id,
-  scope: "moment",
-  text: ""
-});
-
 const localCreateComment = async () => {
-  let res = null;
-  if (props.focus) {
-    res = await createComment(props.newCommentReq);
-  } else {
-    res = await createComment({
-      id: preReq.id,
-      scope: preReq.scope,
-      text: props.newCommentReq.text
-    });
-  }
+  const req = {
+    text: text.value,
+    type: props.parentType,
+    firstLevelId: props.firstLevelId,
+    id: props.parentId
+  };
+  text.value = "";
+  const res = await createComment(req);
   if (res) emit("afterCreateComment");
 };
 
-const onFocus = () => {
-  preReq.id = props.newCommentReq.id;
-  preReq.scope = props.newCommentReq.scope;
-};
-
 const blur = () => {
-  emit("update:placeholderText", "发布评论");
-  emit("afterBlur");
+  if (text.value) {
+    return;
+  }
+  emit("cancelReply");
 };
 </script>
 
diff --git a/src/pages/moment/moment.vue b/src/pages/moment/moment.vue
index aae9d1e8..066ec908 100644
--- a/src/pages/moment/moment.vue
+++ b/src/pages/moment/moment.vue
@@ -5,6 +5,7 @@
   <view class="reply-mask" @click="leaveReply()" />
 
   <view
+    v-if="moment"
     :style="{ height: 'calc(100vh - 16vw - ' - keyboardHeight + 'px)' }"
     class="content-frame"
   >
@@ -12,101 +13,90 @@
       <view class="post-info-box">
         <view class="poster-info-box">
           <image
-            :src="moment.data.user.avatarUrl"
+            :src="moment.user.avatarUrl"
             class="poster-profile"
-            @click="toPersonInfo(moment.data.user.id, myUserId)"
+            @click="toPersonInfo(moment.user.id, myUserId)"
           />
           <text
             class="poster-name"
-            @click="toPersonInfo(moment.data.user.id, myUserId)"
+            @click="toPersonInfo(moment.user.id, myUserId)"
           >
-            {{ moment.data.user.nickname }}
-          </text>
-          <text class="post-time">
-            · {{ displayTime(moment.data.createAt) }}
+            {{ moment.user.nickname }}
           </text>
+          <text class="post-time"> · {{ displayTime(moment.createAt) }} </text>
           <view
-            v-if="myUserId && myUserId === moment.data.user.id"
+            v-if="myUserId && myUserId === moment.user.id"
             class="delete"
             @click="showDeleteDialogue"
           ></view>
         </view>
-        <view v-if="moment.data.title" class="post-content font-lg">
-          {{ moment.data.title }}
+        <view v-if="moment.title" class="post-content font-lg">
+          {{ moment.title }}
         </view>
         <!-- 图片区域 -->
-        <view :class="chooseImageClass(moment.data.photos.length)">
+        <view :class="chooseImageClass(moment.photos.length)">
           <image
-            v-for="(item, index) in moment.data.photos.slice(0, 9)"
+            v-for="(url, index) in moment.photos.slice(0, 9)"
             :key="index"
-            :mode="chooseImageMode(moment.data.photos.length)"
-            :src="item"
-            @click="onClickImage(String(index), moment.data.photos)"
+            :mode="chooseImageMode(moment.photos.length)"
+            :src="url"
+            @click="onClickImage(String(index), moment.photos)"
           />
           <view
-            v-if="moment.data.photos.length > 9"
+            v-if="moment.photos.length > 9"
             class="lastImg"
-            @click="onClickImage('8', moment.data.photos)"
-            >+{{ moment.data.photos.length - 9 }}
+            @click="onClickImage('8', moment.photos)"
+            >+{{ moment.photos.length - 9 }}
           </view>
         </view>
         <view
-          v-if="catName"
+          v-for="cat of moment.cats"
+          :key="cat.id"
           class="font-md mb-2"
           style="color: #5272ff; margin: 10rpx 0 0"
-          @click="onClickCatBox(moment.data.catId)"
+          @click="onClickCatBox(cat.id)"
         >
-          @{{ catName }}
+          @{{ cat.name }}
         </view>
-        <view v-if="moment.data.text" class="post-content font-md">
-          {{ moment.data.text }}
+        <view v-if="moment.text" class="post-content font-md">
+          {{ moment.text }}
         </view>
-        <view v-if="moment.likeData.count" class="like-info">
-          {{ moment.likeData.count }} 位喵友觉得很赞
+        <view v-if="moment.likeCount" class="like-info">
+          {{ moment.likeCount }} 位喵友觉得很赞
         </view>
       </view>
-      <view v-if="!comments.data.length" class="commentNum"> 评论</view>
-      <view v-else class="commentNum">
-        评论 {{ comments.data.length + comments.replyNumber }}
-      </view>
-      <view v-if="!comments.data.length">
+      <view v-if="!comments.length" class="commentNum"> 评论</view>
+      <view v-else class="commentNum"> 评论 {{ moment.commentCount }} </view>
+      <view v-if="!comments.length">
         <view class="nomore">这里还没有评论，快发布第一条评论吧！</view>
       </view>
       <CommentBox
-        v-for="(item, index) in comments.data"
+        v-for="(comment, index) in comments"
         :key="index"
-        :comment="item"
-        :like="comments.likeData[index]"
+        :comment="comment"
         @after-delete="init()"
-        @interact-with-comment="focusReplyComment(index)"
-        @on-click-replies="onClickReplies(index)"
-        @local-do-like="asyncCommentDoLike(index)"
+        @interact-with-comment="focusReplyComment(comment)"
+        @on-click-replies="onClickReplies(comment)"
+        @local-do-like="likeComment(comment)"
       />
       <view :style="'padding-bottom:' + wcbHeight.toString() + 'px'"></view>
     </view>
   </view>
   <WriteCommentBox
-    v-model:placeholder-text="placeholderText"
-    :focus="newCommentFocus"
-    :like-data="moment.likeData"
-    :new-comment-req="newCommentReq"
-    @update-text="
-      (newText) => {
-        newCommentReq.text = newText;
-      }
-    "
-    @do-like="asyncDoLike"
+    v-if="moment"
+    :placeholder-text="placeholderText"
+    :like-count="moment.likeCount"
+    :is-liked="moment.isLiked"
+    :parent-id="moment.id"
+    :parent-type="CommentType.Moment"
+    :first-level-id="firstLevelId"
+    @do-like="likeMoment(moment)"
     @after-create-comment="init"
-    @after-blur="afterBlur"
+    @cancel-reply="afterBlur"
   />
 
-  <view v-if="isReplyOpened" class="reply">
-    <Reply
-      :like-data="comments.likeData[selectIndex]"
-      :main-comment="comments.data[selectIndex]"
-      @close-reply="closeReply"
-      @update-like-data="updateLikeData(selectIndex)"
-    />
+  <view v-if="isReplyOpened && selectComment" class="reply">
+    <Reply :main-comment="selectComment" @close-reply="closeReply" />
   </view>
   <view
     v-if="isShowDeleteDialogue"
@@ -127,7 +117,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, reactive, ref } from "vue";
+import { reactive, ref } from "vue";
 import TopBar from "@/components/TopBar.vue";
 import {
   chooseImageClass,
@@ -135,35 +125,23 @@ import {
   enterMask,
   enterReply,
   getCommentsData,
-  getLikeData,
-  LikeStruct,
-  localDoLike,
+  likeComment,
+  likeMoment,
   onClickImage
 } from "@/pages/moment/utils";
 import { toPersonInfo } from "@/pages/profile/utils";
 import { GetMomentDetailReq } from "@/apis/moment/moment-components";
-import { getCatDetail } from "@/apis/collection/collection";
-import { getUserInfo } from "@/apis/user/user";
 import { deleteMoment, getMomentDetail } from "@/apis/moment/moment";
 import { Comment, Moment, TargetType } from "@/apis/schemas";
 import { displayTime } from "@/utils/time";
-import { GetCountReq } from "@/apis/like/like-interface";
 import { doLike } from "@/apis/like/like";
-import {
-  GetCommentsReq,
-  NewCommentReq
-} from "@/apis/comment/comment-interfaces";
-import {
-  onLoad,
-  onPullDownRefresh,
-  onReachBottom,
-  onUnload
-} from "@dcloudio/uni-app";
+import { CommentType, GetCommentsReq } from "@/apis/comment/comment-interfaces";
+import { onLoad, onPullDownRefresh, onReachBottom } from "@dcloudio/uni-app";
 import Reply from "@/pages/moment/Reply.vue";
 import WriteCommentBox from "@/pages/moment/WriteCommentBox.vue";
 import CommentBox from "@/pages/moment/CommentBox.vue";
 import { Pages } from "@/utils/url";
-import NodeInfo = UniNamespace.NodeInfo;
+import { StorageKeys } from "@/utils/const";
 
 const props = defineProps<{
   id: string;
@@ -174,44 +152,9 @@ const keyboardHeight = ref(0);
 const getMomentDetailReq = reactive<GetMomentDetailReq>({
   momentId: props.id
 });
-const moment = reactive<{
-  data: Moment;
-  likeData: LikeStruct;
-}>({
-  data: {
-    id: "",
-    createAt: 0,
-    title: "",
-    catId: "",
-    communityId: "",
-    text: "",
-    user: {
-      id: "",
-      nickname: "",
-      avatarUrl: ""
-    },
-    photos: []
-  },
-  likeData: {
-    isLike: false,
-    count: 0
-  }
-});
+const moment = ref<Moment>();
 
 const commentDoLikeMap = new Map<string, number>();
-const asyncCommentDoLike = (index: number) => {
-  if (commentDoLikeMap.has(comments.data[index].id)) {
-    commentDoLikeMap.delete(comments.data[index].id);
-  } else {
-    commentDoLikeMap.set(comments.data[index].id, index);
-  }
-  if (comments.likeData[index].isLike) {
-    comments.likeData[index].count--;
-  } else {
-    comments.likeData[index].count++;
-  }
-  comments.likeData[index].isLike = !comments.likeData[index].isLike;
-};
 
 const commentDoLike = async (id: string) => {
   let commentLikeReq = {
@@ -221,17 +164,9 @@ const commentDoLike = async (id: string) => {
   await doLike(commentLikeReq);
 };
 
-const myUserId = ref("");
-
-const likeReq = reactive<GetCountReq>({
-  targetId: props.id,
-  targetType: TargetType.Moment
-});
-
+const myUserId = uni.getStorageSync(StorageKeys.UserId);
 const isShowDeleteDialogue = ref(false);
 
-let catName = ref("");
-
 function onClickCatBox(id?: string) {
   if (id) {
     uni.navigateTo({
@@ -241,35 +176,16 @@ function onClickCatBox(id?: string) {
 }
 
 const getData = async () => {
-  moment.data = (await getMomentDetail(getMomentDetailReq)).moment;
-  moment.likeData = await getLikeData(likeReq);
-  getUserInfo({}).then((res) => {
-    myUserId.value = res.user.id;
-  });
-  if (moment.data.catId) {
-    getCatDetail({
-      catId: moment.data.catId
-    }).then((res) => {
-      catName.value = res.cat.name;
-    });
-  }
+  moment.value = (await getMomentDetail(getMomentDetailReq)).moment;
 };
 
 const getCommentsReq = reactive<GetCommentsReq>({
-  scope: "moment",
+  type: CommentType.Moment,
   page: 0,
   id: props.id
 });
 
-const comments = reactive<{
-  data: Comment[];
-  likeData: LikeStruct[];
-  replyNumber: number;
-}>({
-  data: [],
-  likeData: [],
-  replyNumber: 0
-});
+const comments = ref<Comment[]>([]);
 let allCommentsLoaded = false;
 let isCommentsLoaded = true;
 let page = 0;
@@ -281,14 +197,11 @@ const localGetCommentsData = async () => {
   isCommentsLoaded = false;
   getCommentsData({
     id: props.id,
-    scope: "moment",
+    type: CommentType.Moment,
     page: page
   }).then((res) => {
-    comments.replyNumber = 0;
     for (let i = 0; i < res.data?.length; i++) {
-      comments.data.push(res.data[i]);
-      comments.likeData.push(res.likeData[i]);
-      comments.replyNumber += res.data[i].comments ? res.data[i].comments : 0;
+      comments.value.push(res.data[i]);
     }
     isCommentsLoaded = true;
     page += 1;
@@ -296,67 +209,17 @@ const localGetCommentsData = async () => {
   });
 };
 
-let commentReplyIndex = ref(-1);
-const placeholderText = ref("发布评论");
-const newCommentFocus = ref<boolean>(false);
-
-const newCommentReq = reactive<NewCommentReq>({
-  text: "",
-  id: props.id,
-  scope: "moment"
-});
-
-const refreshReplyIndex = (index: number) => {
-  if (index != -1) {
-    commentReplyIndex.value = index;
-    newCommentReq.id = comments.data[commentReplyIndex.value].id;
-    newCommentReq.scope = "comment";
-  } else {
-    newCommentReq.id = props.id;
-    newCommentReq.scope = "moment";
-    commentReplyIndex.value = -1;
-  }
-};
-
+const defaultPlaceholderText = "发布评论";
+const placeholderText = ref(defaultPlaceholderText);
+const firstLevelId = ref();
 const afterBlur = () => {
-  newCommentFocus.value = false;
-  refreshReplyIndex(-1);
-};
-
-// 判断是否改变了点赞状态，如果改变了则在onUnload阶段进行提交
-let isDoLike = false;
-const asyncDoLike = () => {
-  isDoLike = !isDoLike;
-  if (moment.likeData.isLike) {
-    moment.likeData.count--;
-  } else {
-    moment.likeData.count++;
-  }
-  moment.likeData.isLike = !moment.likeData.isLike;
-};
-
-onUnload(() => {
-  if (isDoLike) {
-    localDoLike({
-      targetId: props.id,
-      targetType: TargetType.Moment
-    });
-  }
-  Promise.all(
-    Array.from(commentDoLikeMap.keys()).map((id) => commentDoLike(id))
-  ).finally(() => {
-    commentDoLikeMap.clear();
-  });
-});
-
-const focusReplyComment = (index: number) => {
-  placeholderText.value = "回复 @" + comments.data[index].user.nickname + ": ";
-  newCommentFocus.value = true;
-  refreshReplyIndex(index);
+  placeholderText.value = defaultPlaceholderText;
+  firstLevelId.value = undefined;
 };
 
-const updateLikeData = async (index: number) => {
-  asyncCommentDoLike(index);
+const focusReplyComment = (comment: Comment) => {
+  placeholderText.value = "回复 @" + comment.user.nickname + ": ";
+  firstLevelId.value = comment.id;
 };
 
 const showDeleteDialogue = () => {
@@ -366,8 +229,11 @@ const closeDeleteDialogue = () => {
   isShowDeleteDialogue.value = false;
 };
 const deleteThisMoment = () => {
+  if (!moment.value) {
+    return;
+  }
   deleteMoment({
-    momentId: moment.data.id
+    momentId: moment.value.id
   }).then(
     () => {
       relaunchCurrentPage();
@@ -391,15 +257,10 @@ const init = async () => {
   await getData();
   page = 0;
   getCommentsReq.page = 0;
-  comments.data = [];
-  comments.likeData = [];
+  comments.value = [];
   allCommentsLoaded = false;
   isCommentsLoaded = true;
   await localGetCommentsData();
-  commentReplyIndex.value = -1;
-  newCommentReq.text = "";
-  newCommentReq.scope = "moment";
-  newCommentReq.id = props.id;
   initLock = false;
 };
 
@@ -432,15 +293,15 @@ onPullDownRefresh(() => {
   }
 });
 
-const selectIndex = ref(0);
+const selectComment = ref<Comment>();
 
 let enterMaskData = ref(null);
 let enterReplyData = ref(null);
 
 const isReplyOpened = ref(false);
 
-function onClickReplies(index: number) {
-  selectIndex.value = index;
+function onClickReplies(comment: Comment) {
+  selectComment.value = comment;
   isReplyOpened.value = true;
 }
 
diff --git a/src/pages/moment/utils.ts b/src/pages/moment/utils.ts
index 3366505d..c864d869 100644
--- a/src/pages/moment/utils.ts
+++ b/src/pages/moment/utils.ts
@@ -1,11 +1,10 @@
-import { DoLikeReq, GetCountReq } from "@/apis/like/like-interface";
-import { doLike, getCount, getUserLiked } from "@/apis/like/like";
+import { doLike } from "@/apis/like/like";
 import {
   GetCommentsReq,
   NewCommentReq
 } from "@/apis/comment/comment-interfaces";
 import { getComments, newComment } from "@/apis/comment/comment";
-import { TargetType } from "@/apis/schemas";
+import { Comment, Moment, TargetType } from "@/apis/schemas";
 
 export const enterReply = uni.createAnimation({
   transformOrigin: "50% 50%",
@@ -26,62 +25,58 @@ export interface LikeStruct {
   isLike: boolean;
 }
 
-export const getLikeData = async (likeReq: GetCountReq) => {
-  const count = (await getCount(likeReq)).count;
-  const isLike = (await getUserLiked(likeReq)).liked;
-  return {
-    count: count || 0,
-    isLike: isLike || false
-  };
+export const likeMoment = async (item: Moment) => {
+  doLike({ targetId: item.id, targetType: TargetType.Moment }).then(() => {
+    if (item.isLiked) {
+      item.likeCount--;
+    } else {
+      item.likeCount++;
+    }
+    item.isLiked = !item.isLiked;
+  });
 };
 
-export const localDoLike = async (req: DoLikeReq) => {
-  await doLike(req);
-  return await getLikeData(req);
+export const likeComment = async (item: Comment) => {
+  doLike({ targetId: item.id, targetType: TargetType.Comment }).then(() => {
+    if (item.isLiked) {
+      item.likeCount--;
+    } else {
+      item.likeCount++;
+    }
+    item.isLiked = !item.isLiked;
+  });
 };
 
 export const getCommentsData = async (req: GetCommentsReq) => {
   const commentsTemp = (await getComments(req)).comments;
-  const likeDataTemp = [];
-  if (commentsTemp?.length > 0) {
-    for (let i = 0; i < commentsTemp.length; i++) {
-      likeDataTemp.push(
-        await getLikeData({
-          targetId: commentsTemp[i].id,
-          targetType: TargetType.Comment
-        })
-      );
-    }
-  }
-  return { data: commentsTemp, likeData: likeDataTemp };
+  return { data: commentsTemp };
 };
 
 export const createComment = async (req: NewCommentReq) => {
-  if (req.text !== "") {
-    newComment(req)
-      .then((res) => {
-        uni.showToast({
-          title: res.msg
-        });
-        return true;
-      })
-      .catch((reason) => {
-        const code = reason.data.Code;
-        if (code === 10001) {
-          uni.showToast({
-            title: "文本含不合法内容",
-            icon: "none"
-          });
-        } else {
-          uni.showToast({
-            title: "评论失败",
-            icon: "none"
-          });
-        }
-        return false;
+  if (req.text === "") {
+    return false;
+  }
+  try {
+    await newComment(req);
+  } catch (reason: any) {
+    const code = reason.data.Code;
+    if (code === 10001) {
+      uni.showToast({
+        title: "文本含敏感内容",
+        icon: "none"
+      });
+    } else {
+      uni.showToast({
+        title: "评论失败",
+        icon: "none"
       });
+    }
+    return false;
   }
-  return false;
+  uni.showToast({
+    title: "评论成功"
+  });
+  return true;
 };
 
 export function onClickImage(index: string, photo: Array<string>) {
diff --git a/src/pages/post/post.vue b/src/pages/post/post.vue
index ff3f86c7..20b4093a 100644
--- a/src/pages/post/post.vue
+++ b/src/pages/post/post.vue
@@ -5,44 +5,50 @@
   <view class="reply-mask" @click="leaveReply()" />
 
   <view
+    v-if="post"
     :style="{ height: 'calc(100vh - 16vw - ' - keyboardHeight + 'px)' }"
     class="content-frame"
   >
     <view class="header">
       <view class="title">
-        {{ post.data.title }}
+        {{ post.title }}
         <view
-          v-if="myUserId && myUserId === post.data.user.id"
+          v-if="myUserId && myUserId === post.user.id"
           class="delete"
           @click="showDeleteDialogue"
         ></view>
       </view>
       <view class="head-info">
-        {{ displayTime(post.data.createAt) }} · {{ post.data.comments }}条回复
+        {{ displayTime(post.createAt) }} · {{ post.comments }}条回复
       </view>
-      <view v-if="post.data.tags" class="tags">
-        <image class="tagIcon" src="/static/images/tag.png" />
-        <view v-for="(item, index) in post.data.tags" :key="index" class="tag">
+      <view v-if="post.tags" class="tags">
+        <image class="tagIcon" :src="Icons.Tag" />
+        <view v-for="(item, index) in post.tags" :key="index" class="tag">
           {{ item }}
         </view>
       </view>
     </view>
 
     <view class="post">
-      <view class="user" @click="toPersonInfo(post.data.user.id, myUserId)">
-        <image :src="post.data.user.avatarUrl" class="avatar" />
+      <view
+        v-if="post.user"
+        class="user"
+        @click="toPersonInfo(post.user.id, myUserId)"
+      >
+        <image :src="post.user.avatarUrl" class="avatar" />
         <view class="name">
-          {{ post.data.user.nickname }}
+          {{ post.user.nickname }}
         </view>
       </view>
       <view class="text">
-        {{ post.data.text }}
+        {{ post.text }}
       </view>
       <image
-        :src="post.data.coverUrl"
+        v-if="post.coverUrl"
+        :src="post.coverUrl"
         class="imgs imgs1 clearfix"
         mode="widthFix"
-        @click="onClickImage(post.data.coverUrl)"
+        @click="onClickImage(post.coverUrl)"
       />
       <view v-if="comments.data.length === 0" class="commentNum"> 评论</view>
       <view v-else class="commentNum">
@@ -52,41 +58,33 @@
         <view class="nomore">这里还没有评论，快发布第一条评论吧！</view>
       </view>
 
-      <comment-box
-        v-for="(item, index) in comments.data"
+      <CommentBox
+        v-for="(comment, index) in comments.data"
         :key="index"
-        :comment="item"
-        :like="comments.likeData[index]"
+        :comment="comment"
         @after-delete="init"
-        @interact-with-comment="focusReplyComment(index)"
-        @on-click-replies="onClickReplies(index)"
-        @local-do-like="asyncCommentDoLike(index)"
+        @interact-with-comment="focusReplyComment(comment)"
+        @on-click-replies="onClickReplies(comment)"
+        @local-do-like="likeComment(comment)"
       />
       <view :style="'padding-bottom:' + wcbHeight.toString() + 'px'"></view>
     </view>
   </view>
-  <write-comment-box
+  <WriteCommentBox
+    v-if="post"
     v-model:placeholder-text="placeholderText"
-    :focus="newCommentFocus"
-    :like-data="post.likeData"
-    :new-comment-req="newCommentReq"
-    @update-text="
-      (newText) => {
-        newCommentReq.text = newText;
-      }
-    "
-    @do-like="asyncDoLike"
+    :is-liked="post.isLiked || false"
+    :like-count="post.likes"
+    :parent-type="CommentType.Post"
+    :parent-id="post.id"
+    :first-level-id="firstLevelId"
+    @do-like="likePost(post)"
     @after-create-comment="init"
-    @after-blur="afterBlur"
+    @cancel-reply="afterBlur"
   />
 
-  <view v-if="isReplyOpened" class="reply">
-    <reply
-      :like-data="comments.likeData[selectIndex]"
-      :main-comment="comments.data[selectIndex]"
-      @close-reply="closeReply"
-      @update-like-data="updateLikeData(selectIndex)"
-    />
+  <view v-if="isReplyOpened && selectComment" class="reply">
+    <reply :main-comment="selectComment" @close-reply="closeReply" />
   </view>
   <view
     v-if="isShowDeleteDialogue"
@@ -106,15 +104,13 @@
   </view>
 </template>
 <script lang="ts" setup>
-import { onMounted, reactive, ref } from "vue";
+import { reactive, ref } from "vue";
 import TopBar from "@/components/TopBar.vue";
 import {
   enterMask,
   enterReply,
   getCommentsData,
-  getLikeData,
-  LikeStruct,
-  localDoLike
+  likeComment
 } from "../moment/utils";
 import Reply from "@/pages/moment/Reply.vue";
 import { toPersonInfo } from "@/pages/profile/utils";
@@ -123,22 +119,13 @@ import { Comment, Post, TargetType } from "@/apis/schemas";
 import { deletePost, getPostDetail } from "@/apis/post/post";
 import { displayTime } from "@/utils/time";
 import { doLike } from "@/apis/like/like";
-import { getUserInfo } from "@/apis/user/user";
-import {
-  GetCommentsReq,
-  NewCommentReq
-} from "@/apis/comment/comment-interfaces";
-import {
-  onLoad,
-  onPullDownRefresh,
-  onReachBottom,
-  onUnload
-} from "@dcloudio/uni-app";
-import { GetCountReq } from "@/apis/like/like-interface";
+import { CommentType, GetCommentsReq } from "@/apis/comment/comment-interfaces";
+import { onLoad, onPullDownRefresh, onReachBottom } from "@dcloudio/uni-app";
 import WriteCommentBox from "@/pages/moment/WriteCommentBox.vue";
 import CommentBox from "@/pages/moment/CommentBox.vue";
-import { onClickImage } from "@/pages/post/utils";
-import { Pages } from "@/utils/url";
+import { likePost, onClickImage } from "@/pages/post/utils";
+import { Icons, Pages } from "@/utils/url";
+import { StorageKeys } from "@/utils/const";
 
 const props = defineProps<{
   id: string;
@@ -151,45 +138,10 @@ const getPostDetailReq = reactive<GetPostDetailReq>({
 });
 
 // Post
-const post = reactive<{ data: Post; likeData: LikeStruct }>({
-  data: {
-    id: "",
-    createAt: 0,
-    title: "",
-    text: "",
-    coverUrl: "",
-    tags: [],
-    likes: 0,
-    user: {
-      id: "",
-      nickname: "",
-      avatarUrl: ""
-    },
-    comments: 0,
-    isAnonymous: false,
-    status: 0
-  },
-  likeData: {
-    isLike: false,
-    count: 0
-  }
-});
-const myUserId = ref("");
+const post = ref<Post>();
+const myUserId = uni.getStorageSync(StorageKeys.UserId);
 
 const commentDoLikeMap = new Map<string, number>();
-const asyncCommentDoLike = (index: number) => {
-  if (commentDoLikeMap.has(comments.data[index].id)) {
-    commentDoLikeMap.delete(comments.data[index].id);
-  } else {
-    commentDoLikeMap.set(comments.data[index].id, index);
-  }
-  if (comments.likeData[index].isLike) {
-    comments.likeData[index].count--;
-  } else {
-    comments.likeData[index].count++;
-  }
-  comments.likeData[index].isLike = !comments.likeData[index].isLike;
-};
 
 const commentDoLike = async (id: string) => {
   let commentLikeReq = {
@@ -199,34 +151,23 @@ const commentDoLike = async (id: string) => {
   await doLike(commentLikeReq);
 };
 
-const likeReq = reactive<GetCountReq>({
-  targetId: props.id,
-  targetType: TargetType.Post
-});
-
 const isShowDeleteDialogue = ref(false);
 
 const getData = async () => {
-  post.data = (await getPostDetail(getPostDetailReq)).post;
-  post.likeData = await getLikeData(likeReq);
-  getUserInfo({}).then((res) => {
-    myUserId.value = res.user.id;
-  });
+  post.value = (await getPostDetail(getPostDetailReq)).post;
 };
 
 const getCommentsReq = reactive<GetCommentsReq>({
-  scope: "post",
+  type: CommentType.Post,
   page: 0,
   id: props.id
 });
 
 const comments = reactive<{
   data: Comment[];
-  likeData: LikeStruct[];
   replyNumber: number;
 }>({
   data: [],
-  likeData: [],
   replyNumber: 0
 });
 let allCommentsLoaded = false;
@@ -240,14 +181,13 @@ const localGetCommentsData = async () => {
   isCommentsLoaded = false;
   getCommentsData({
     id: props.id,
-    scope: "post",
+    type: CommentType.Post,
     page: page
   }).then((res) => {
     comments.replyNumber = 0;
     for (let i = 0; i < res.data?.length; i++) {
       comments.data.push(res.data[i]);
-      comments.likeData.push(res.likeData[i]);
-      comments.replyNumber += res.data[i].comments ? res.data[i].comments : 0;
+      comments.replyNumber += res.data[i].comments || 0;
     }
     isCommentsLoaded = true;
     page += 1;
@@ -255,66 +195,16 @@ const localGetCommentsData = async () => {
   });
 };
 
-let commentReplyIndex = ref(-1);
 const placeholderText = ref("发布评论");
-const newCommentFocus = ref<boolean>(false);
-
-const newCommentReq = reactive<NewCommentReq>({
-  id: props.id,
-  scope: "post",
-  text: ""
-});
-
-const refreshReplyIndex = (index: number) => {
-  if (index != -1) {
-    commentReplyIndex.value = index;
-    newCommentReq.id = comments.data[commentReplyIndex.value].id;
-    newCommentReq.scope = "comment";
-  } else {
-    newCommentReq.id = props.id;
-    commentReplyIndex.value = -1;
-  }
-};
+const firstLevelId = ref<string>();
 
 const afterBlur = () => {
-  newCommentFocus.value = false;
-  refreshReplyIndex(-1);
-};
-
-// 判断是否改变了点赞状态，如果改变了则在onUnload阶段进行提交
-let isDoLike = false;
-const asyncDoLike = () => {
-  isDoLike = !isDoLike;
-  if (post.likeData.isLike) {
-    post.likeData.count--;
-  } else {
-    post.likeData.count++;
-  }
-  post.likeData.isLike = !post.likeData.isLike;
-};
-
-onUnload(() => {
-  if (isDoLike) {
-    localDoLike({
-      targetId: props.id,
-      targetType: TargetType.Post
-    });
-  }
-  Promise.all(
-    Array.from(commentDoLikeMap.keys()).map((id) => commentDoLike(id))
-  ).finally(() => {
-    commentDoLikeMap.clear();
-  });
-});
-
-const focusReplyComment = (index: number) => {
-  placeholderText.value = "回复 @" + comments.data[index].user.nickname + ": ";
-  newCommentFocus.value = true;
-  refreshReplyIndex(index);
+  firstLevelId.value = undefined;
 };
 
-const updateLikeData = async (index: number) => {
-  asyncCommentDoLike(index);
+const focusReplyComment = (comment: Comment) => {
+  placeholderText.value = "回复 @" + comment.user.nickname + ": ";
+  firstLevelId.value = comment.id;
 };
 
 const showDeleteDialogue = () => {
@@ -324,8 +214,11 @@ const closeDeleteDialogue = () => {
   isShowDeleteDialogue.value = false;
 };
 const deleteThisPost = () => {
+  if (!post.value) {
+    return;
+  }
   deletePost({
-    id: post.data.id
+    id: post.value.id
   }).then(
     () => {
       uni.reLaunch({
@@ -346,14 +239,9 @@ const init = async () => {
   page = 0;
   getCommentsReq.page = 0;
   comments.data = [];
-  comments.likeData = [];
   allCommentsLoaded = false;
   isCommentsLoaded = true;
   await localGetCommentsData();
-  commentReplyIndex.value = -1;
-  newCommentReq.text = "";
-  newCommentReq.scope = "post";
-  newCommentReq.id = props.id;
   initLock = false;
 };
 
@@ -380,15 +268,15 @@ uni.onKeyboardHeightChange((res) => {
   keyboardHeight.value = res.height;
 });
 
-const selectIndex = ref(0);
+const selectComment = ref<Comment>();
 
 let enterMaskData = ref(null);
 let enterReplyData = ref(null);
 
 const isReplyOpened = ref(false);
 
-function onClickReplies(index: number) {
-  selectIndex.value = index;
+function onClickReplies(comment: Comment) {
+  selectComment.value = comment;
   isReplyOpened.value = true;
 }
 
diff --git a/src/pages/post/utils.ts b/src/pages/post/utils.ts
index 5ee7e67f..95229f23 100644
--- a/src/pages/post/utils.ts
+++ b/src/pages/post/utils.ts
@@ -1,3 +1,6 @@
+import { Post, TargetType } from "@/apis/schemas";
+import { doLike } from "@/apis/like/like";
+
 export function onClickImage(photo: string) {
   const imgsArray = [];
   imgsArray[0] = photo;
@@ -6,3 +9,14 @@ export function onClickImage(photo: string) {
     urls: imgsArray
   });
 }
+
+export const likePost = async (item: Post) => {
+  doLike({ targetId: item.id, targetType: TargetType.Comment }).then(() => {
+    if (item.isLiked) {
+      item.likes--;
+    } else {
+      item.likes++;
+    }
+    item.isLiked = !item.isLiked;
+  });
+};
diff --git a/src/pages/profile/about-us/about-us.vue b/src/pages/profile/about-us/about-us.vue
index 674486a4..b2438c25 100644
--- a/src/pages/profile/about-us/about-us.vue
+++ b/src/pages/profile/about-us/about-us.vue
@@ -1,9 +1,6 @@
 <template>
   <view class="container">
-    <image
-      class="bg-set"
-      src="https://static.xhpolaris.com/profile_background.png"
-    />
+    <view class="bg-set" />
     <view class="title"> 欢迎来到喵世界，喵~</view>
     <view class="app-intro">
       华师喵世界是一款致力于校园猫咪保护和管理的小程序，我们希望通过图鉴的方式让大家更直观的了解学校里的猫咪，并鼓励大家为喜欢的猫咪拍下属于ta的美好时刻，希望每一只猫猫都可以被友好对待！
@@ -47,16 +44,20 @@
 import { reactive } from "vue";
 import { Notice } from "@/apis/schemas";
 import { getNotices } from "@/apis/notice/notice";
+import { StorageKeys } from "@/utils/const";
 
 const versionInformation = reactive<Notice[]>([]);
-getNotices().then((res) => {
-  versionInformation.push(...res.notices);
-});
+getNotices({ communityId: uni.getStorageSync(StorageKeys.CommunityId) }).then(
+  (res) => {
+    versionInformation.push(...res.notices);
+  }
+);
 </script>
 
 <style lang="scss" scoped>
 .bg-set {
   position: fixed;
+  background-color: #fafcff;
   width: 100%;
   height: 100%;
   top: 0;
diff --git a/src/pages/profile/edit-info/edit-info.vue b/src/pages/profile/edit-info/edit-info.vue
index d5e5b7f5..2083b73b 100644
--- a/src/pages/profile/edit-info/edit-info.vue
+++ b/src/pages/profile/edit-info/edit-info.vue
@@ -3,7 +3,7 @@
     <template #center>修改个人资料</template>
   </TopBar>
   <view class="container">
-    <image :src="Pictures.ProfileBackground" class="bg-set" />
+    <view class="bg-set" />
     <view class="choose-avatar-row">
       <button
         class="avatar-wrapper"
@@ -111,6 +111,7 @@ function formSubmit(e: any) {
 }
 
 .bg-set {
+  background-color: #fafcff;
   position: fixed;
   width: 100%;
   height: 100%;
@@ -201,13 +202,16 @@ function formSubmit(e: any) {
   margin-left: 30rpx;
   font-size: 30rpx;
   width: 92%;
+  border: 5rpx solid #f1f1f1;
+  border-radius: 25rpx;
   font-size: 30rpx;
   display: flex;
-  background-color: #f8f8f8;
+  background-color: #fafcff;
 }
 
 .textarea-inherit {
   margin-left: 30rpx;
+  margin-top: 30rpx;
   font-size: 32rpx;
   width: 92%;
   overflow: auto;
diff --git a/src/pages/profile/my-publish/my-masonry.vue b/src/pages/profile/my-publish/my-masonry.vue
index 81fad847..437681b1 100644
--- a/src/pages/profile/my-publish/my-masonry.vue
+++ b/src/pages/profile/my-publish/my-masonry.vue
@@ -48,11 +48,11 @@
               </view>
             </view>
             <view class="other-info">
-              <view v-if="moment.likedNumber" class="font-sm"
-                >{{ moment.likedNumber }}位喵友觉得很赞
+              <view v-if="moment.likeCount" class="font-sm"
+                >{{ moment.likeCount }}位喵友觉得很赞
               </view>
-              <view v-if="moment.comments" class="comment font-sm"
-                >{{ moment.comments }}条回复</view
+              <view v-if="moment.commentCount" class="comment font-sm"
+                >{{ moment.commentCount }}条回复</view
               >
             </view>
           </view>
@@ -61,11 +61,8 @@
     </view>
   </view>
   <view style="width: 100%; height: 40rpx"></view>
-  <view class="nomore">
-    <image
-      src="/static/images/nomore.png"
-      style="width: 200rpx; height: 186rpx"
-    />
+  <view v-if="!leftMoments.length && !rightMoments.length" class="nomore">
+    <image :src="Pictures.NoMore" style="width: 200rpx; height: 186rpx" />
   </view>
   <view style="width: 100%; height: 200rpx"></view>
 </template>
@@ -79,13 +76,13 @@ import {
 } from "@/apis/moment/moment";
 import { DeleteMomentReq } from "@/apis/moment/moment-components";
 import { Like } from "@/apis/like/like-interface";
-import { Moment, MomentData } from "@/apis/schemas";
+import { Moment } from "@/apis/schemas";
 import { onReachBottom } from "@dcloudio/uni-app";
 import { displayTime } from "@/utils/time";
 import { onClickMoment } from "./utils";
-import { doLike, getCount, getUserLikes } from "@/apis/like/like";
-import { getComments } from "@/apis/comment/comment";
+import { doLike, getUserLikes } from "@/apis/like/like";
 import { StorageKeys } from "@/utils/const";
+import { Pictures } from "@/utils/url";
 
 interface Props {
   type?: string;
@@ -99,10 +96,10 @@ const isNoData = ref(true);
 const isLikedLoaded = ref(false);
 let LikedLoaded = 0;
 let LikedList = reactive<Like[]>([]);
-let momentsInBatch: MomentData[];
+let momentsInBatch: Moment[];
 let moments: Moment[];
-const leftMoments = reactive<MomentData[]>([]);
-const rightMoments = reactive<MomentData[]>([]);
+const leftMoments = reactive<Moment[]>([]);
+const rightMoments = reactive<Moment[]>([]);
 const myUserId = ref("");
 let leftHeight = 0;
 let rightHeight = 0;
@@ -180,30 +177,8 @@ const addBatch = async () => {
         momentId: LikedList[LikedLoaded].targetId
       })
         .then((res) => {
-          let momentData = reactive<MomentData>({
-            id: res.moment.id,
-            createAt: res.moment.createAt,
-            title: res.moment.title,
-            catId: res.moment.catId,
-            communityId: res.moment.communityId,
-            text: res.moment.text,
-            user: res.moment.user,
-            photos: res.moment.photos,
-            likedNumber: 0,
-            comments: 0
-          });
-          getCount({ targetId: res.moment.id, targetType: 4 }).then((res1) => {
-            momentData.likedNumber = res1.count;
-          });
-          getComments({ scope: "moment", page: 0, id: res.moment.id }).then(
-            (res2) => {
-              momentData.comments += res2.total;
-              for (let i = 0; i < res2.comments?.length; i++) {
-                momentData.comments += res2.comments[i].comments;
-              }
-            }
-          );
-          momentsInBatch.push(momentData);
+          let moment = reactive<Moment>(res.moment);
+          momentsInBatch.push(moment);
         })
         .catch((res: UniNamespace.RequestSuccessCallbackResult) => {
           if (res.statusCode === 400) {
@@ -232,30 +207,8 @@ const addBatch = async () => {
       });
       moments = res.moments;
     }
-    for (let i = 0; i < moments?.length; i++) {
-      let momentData = reactive<MomentData>({
-        id: moments[i].id,
-        createAt: moments[i].createAt,
-        title: moments[i].title,
-        catId: moments[i].catId,
-        communityId: moments[i].communityId,
-        text: moments[i].text,
-        user: moments[i].user,
-        photos: moments[i].photos,
-        likedNumber: 0,
-        comments: 0
-      });
-      getCount({ targetId: moments[i].id, targetType: 4 }).then((res) => {
-        momentData.likedNumber = res.count;
-      });
-      getComments({ scope: "moment", page: 0, id: moments[i].id }).then(
-        (res) => {
-          momentData.comments += res.total;
-          for (let i = 0; i < res.comments?.length; i++) {
-            momentData.comments += res.comments[i].comments;
-          }
-        }
-      );
+    for (const moment of moments) {
+      let momentData = reactive<Moment>(moment);
       momentsInBatch.push(momentData);
     }
   }
diff --git a/src/pages/profile/profile-components/userInfo.vue b/src/pages/profile/profile-components/userInfo.vue
index 7a4e190b..8d9ca907 100644
--- a/src/pages/profile/profile-components/userInfo.vue
+++ b/src/pages/profile/profile-components/userInfo.vue
@@ -40,28 +40,21 @@ const userInfo = reactive<User>({
 });
 const isFollowed = ref(false);
 const refresh = async () => {
-  if (props.type === "my") {
-    const res = await getUserInfo({});
-    userInfo.id = res.user.id;
-    userInfo.nickname = res.user.nickname;
-    userInfo.avatarUrl = res.user.avatarUrl;
-    userInfo.follower = res.user.follower;
-    userInfo.motto = res.user.motto;
-    userInfo.following = res.user.following;
-    userInfo.article = res.user.article;
-  } else if (props.type === "other") {
-    const res = await getUserInfo({
-      userId: props.userId
-    });
-    userInfo.id = res.user.id;
-    userInfo.nickname = res.user.nickname;
-    userInfo.avatarUrl = res.user.avatarUrl;
-    userInfo.motto = res.user.motto;
-    userInfo.motto = res.user.motto;
-    userInfo.follower = res.user.follower;
-    userInfo.following = res.user.following;
-    userInfo.article = res.user.article;
-  }
+  const res = await getUserInfo(
+    props.type === "other"
+      ? {
+          userId: props.userId
+        }
+      : {}
+  );
+  userInfo.id = res.user.id;
+  userInfo.nickname = res.user.nickname;
+  userInfo.avatarUrl = res.user.avatarUrl;
+  userInfo.motto = res.user.motto;
+  userInfo.motto = res.user.motto;
+  userInfo.follower = res.user.follower;
+  userInfo.following = res.user.following;
+  userInfo.article = res.user.article;
 };
 onShow(refresh);
 onPullDownRefresh(() => {
diff --git a/src/pages/profile/profile-components/userPublished.vue b/src/pages/profile/profile-components/userPublished.vue
index ba044d49..2828aa12 100644
--- a/src/pages/profile/profile-components/userPublished.vue
+++ b/src/pages/profile/profile-components/userPublished.vue
@@ -12,7 +12,7 @@
         <MyMasonry :type="props.type" :user-id="props.userId"></MyMasonry>
       </view>
       <view v-if="current === 1">
-        <my-posts :type="props.type" :user-id="props.userId"></my-posts>
+        <MyPosts :type="props.type" :user-id="props.userId"></MyPosts>
       </view>
       <view v-if="current === 2">
         <MyMasonry :user-id="props.userId" type="liked"></MyMasonry>
diff --git a/src/pages/profile/profile.vue b/src/pages/profile/profile.vue
index 87ab21c3..e631841d 100644
--- a/src/pages/profile/profile.vue
+++ b/src/pages/profile/profile.vue
@@ -12,14 +12,14 @@
     <view class="com-item">
       <view class="com-wrap">
         <view class="line-info">
-          <view class="number">{{ userInfo.following }}</view>
+          <view class="number">{{ user.following }}</view>
           <view class="info">关注</view>
-          <view class="number">{{ userInfo.follower }}</view>
+          <view class="number">{{ user.follower }}</view>
           <view class="info">粉丝</view>
-          <view class="number">{{ userInfo.article }}</view>
+          <view class="number">{{ user.article }}</view>
           <view class="info">创作</view>
           <navigator
-            :url="`${Pages.EditInfo}?avatarUrl=${userInfo.avatarUrl}&nickname=${userInfo.nickname}`"
+            :url="`${Pages.EditInfo}?avatarUrl=${user.avatarUrl}&nickname=${user.nickname}`"
             hover-class="none"
           >
             <view class="edit-info">
@@ -73,8 +73,7 @@ import { Pages, Pictures } from "@/utils/url";
 import TopBar from "@/components/TopBar.vue";
 import { StorageKeys } from "@/utils/const";
 
-const version = uni.getAccountInfoSync().miniProgram.version;
-const userInfo = reactive<User>({
+const user = reactive<User>({
   id: "",
   nickname: "微信用户",
   avatarUrl: "https://static.xhpolaris.com/cat_world.jpg",
@@ -84,15 +83,16 @@ const userInfo = reactive<User>({
   following: 0
 });
 
-const enableDebug = ref(uni.getStorageSync(StorageKeys.EnabledDebug));
+const enableDebug = uni.getStorageSync(StorageKeys.EnabledDebug);
 
 const refresh = async () => {
   const res = await getUserInfo({});
-  userInfo.nickname = res.user.nickname;
-  userInfo.avatarUrl = res.user.avatarUrl;
-  userInfo.article = res.user.article || 0;
-  userInfo.follower = res.user.follower || 0;
-  userInfo.following = res.user.following || 0;
+  user.nickname = res.user.nickname;
+  user.avatarUrl = res.user.avatarUrl;
+  user.motto;
+  user.article = res.user.article || 0;
+  user.follower = res.user.follower || 0;
+  user.following = res.user.following || 0;
 };
 onShow(refresh);
 onPullDownRefresh(() => {
diff --git a/src/pages/profile/quick-contact/quick-contact.vue b/src/pages/profile/quick-contact/quick-contact.vue
index 40bee9a1..5992abdc 100644
--- a/src/pages/profile/quick-contact/quick-contact.vue
+++ b/src/pages/profile/quick-contact/quick-contact.vue
@@ -3,10 +3,7 @@
     <template #center>快速联系</template>
   </TopBar>
   <view class="container">
-    <image
-      class="bg-set"
-      src="https://static.xhpolaris.com/profile_background.png"
-    />
+    <view class="bg-set" />
     <view class="managerlist-wrap">
       <view
         v-for="(item, index) in managerList"
@@ -45,6 +42,9 @@
       </view>
     </view>
   </view>
+  <view v-if="managerList.length" class="nomore">
+    <image :src="Pictures.NoMore" style="width: 200rpx; height: 186rpx" />
+  </view>
 </template>
 
 <script lang="ts" setup>
@@ -53,6 +53,7 @@ import { reactive } from "vue";
 import { Admin } from "@/apis/schemas";
 import { getAdmins } from "@/apis/notice/notice";
 import TopBar from "@/components/TopBar.vue";
+import { Pictures } from "@/utils/url";
 
 const managerList = reactive<Admin[]>([]);
 getAdmins({ communityId: uni.getStorageSync("communityId") }).then((res) => {
@@ -63,6 +64,7 @@ getAdmins({ communityId: uni.getStorageSync("communityId") }).then((res) => {
 <style lang="scss" scoped>
 .bg-set {
   position: fixed;
+  background-color: #fafcff;
   width: 100%;
   height: 100%;
   top: 0;
diff --git a/src/pages/search/search-cats.vue b/src/pages/search/SearchCats.vue
similarity index 68%
rename from src/pages/search/search-cats.vue
rename to src/pages/search/SearchCats.vue
index b5231519..6d478578 100644
--- a/src/pages/search/search-cats.vue
+++ b/src/pages/search/SearchCats.vue
@@ -16,49 +16,55 @@
 <script lang="ts" setup>
 import { Pages, Pictures } from "@/utils/url";
 import { reactive, ref } from "vue";
-import {
-  getCatPreviews,
-  searchCatPreviews
-} from "@/apis/collection/collection";
+import { getCatPreviews } from "@/apis/collection/collection";
 import { onReachBottom } from "@dcloudio/uni-app";
 import CatBox from "@/pages/collection/cat-box.vue";
 import { CatPreview } from "@/apis/schemas";
 import { StorageKeys } from "@/utils/const";
+import { GetCatPreviewsReq } from "@/apis/collection/collection-interfaces";
+import { getPrefetchData, PrefetchResp } from "@/apis/prefetch";
 
 interface Props {
-  search?: "default" | "cat";
   keyword?: string;
   choose?: "detail" | "choose";
 }
 
-const props = withDefaults(defineProps<Props>(), {
-  search: "default",
-  keyword: "cat",
-  choose: "detail"
-});
+const props = defineProps<Props>();
 
 const catsData = reactive<CatPreview[]>([]);
 let page = 0;
-const getCatPreviewsAsync = async () => {
-  let cats: CatPreview[] = [];
+const communityId = uni.getStorageSync(StorageKeys.CommunityId);
+const fetch = async () => {
+  let cats: CatPreview[];
+
+  const req: GetCatPreviewsReq = {
+    page: page,
+    communityId: communityId
+  };
+  if (props.keyword) {
+    req.keyword = props.keyword;
+  }
+  cats = (await getCatPreviews(req)).cats;
+  page++;
+  return cats;
+};
 
-  if (props.search === "default") {
-    cats = (
-      await getCatPreviews({
-        page: page,
-        communityId: uni.getStorageSync(StorageKeys.CommunityId)
-      })
-    ).cats;
-  } else if (props.search === "cat") {
-    cats = (
-      await searchCatPreviews({
-        page: page,
-        keyword: props.keyword,
-        communityId: uni.getStorageSync(StorageKeys.CommunityId)
-      })
-    ).cats;
+const getCatPreviewsAsync = async () => {
+  if (page || props.keyword) {
+    return fetch();
+  }
+  let res: PrefetchResp;
+  try {
+    res = await getPrefetchData({ communityId: communityId });
+  } catch (reason) {
+    return fetch();
+  }
+  if (!res?.firstCatPreviewsResp?.cats) {
+    return fetch();
   }
   page++;
+  const cats = res.firstCatPreviewsResp.cats;
+  res.firstCatPreviewsResp = undefined;
   return cats;
 };
 
diff --git a/src/pages/search/search.vue b/src/pages/search/search.vue
index 81af1315..42c7fcba 100644
--- a/src/pages/search/search.vue
+++ b/src/pages/search/search.vue
@@ -27,7 +27,7 @@
         搜索
       </view>
     </view>
-    <view v-if="!isClickSearch">
+    <view v-if="!showContent">
       <view v-if="list.length !== 0">
         <view class="d-flex a-center pl-2 pb-1">
           <image
@@ -79,11 +79,11 @@
       >
         <template v-if="current === 0">
           <!-- 帖子 -->
-          <world-posts :keyword="searchText" search="post"></world-posts>
+          <WorldPosts :keyword="searchText"></WorldPosts>
         </template>
         <template v-else-if="current === 1">
           <!-- 动态 -->
-          <MasonryFrame :keyword="searchText" search="search"></MasonryFrame>
+          <MasonryFrame :keyword="searchText"></MasonryFrame>
         </template>
         <template v-else-if="current === 2">
           <!-- 图鉴 -->
@@ -96,31 +96,34 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from "vue";
-import WorldPosts from "@/pages/world/world-posts.vue";
+import WorldPosts from "@/pages/world/WorldPosts.vue";
 import MasonryFrame from "@/pages/community/MasonryFrame.vue";
-import SearchCats from "@/pages/search/search-cats.vue";
+import SearchCats from "@/pages/search/SearchCats.vue";
 import ZzxTabs from "@/components/third-party/zzx-tabs/zzx-tabs.vue";
-import { Icons } from "@/utils/url";
+import { Icons, Pages } from "@/utils/url";
 import TopBar from "@/components/TopBar.vue";
+import { StorageKeys } from "@/utils/const";
+import { onLoad } from "@dcloudio/uni-app";
 
 const items = ["帖子", "动态", "图鉴"];
 
 const searchText = ref("");
 
-searchText.value = uni.getStorageSync("search");
-
 let list = reactive<string[]>([]);
 
 const current = ref(0);
 
-const isClickSearch = ref(false);
+const showContent = ref(false);
 
-isClickSearch.value = uni.getStorageSync("isClickSearch");
+onLoad((query: any) => {
+  showContent.value = query.showContent;
+  searchText.value = query.searchText;
+});
 
-let historyText = uni.getStorageSync("historySearchText");
+let historyText = uni.getStorageSync(StorageKeys.HistorySearchText);
 if (list.length === 0 && historyText) {
   list = JSON.parse(
-    decodeURIComponent(uni.getStorageSync("historySearchText"))
+    decodeURIComponent(uni.getStorageSync(StorageKeys.HistorySearchText))
   );
 }
 
@@ -141,9 +144,6 @@ function onClickSearch() {
     uni.hideLoading();
   }, 1000);
   if (searchText.value !== "") {
-    uni.setStorageSync("search", searchText.value);
-    // 加入搜索历史
-    uni.setStorageSync("isClickSearch", true);
     let index = list.findIndex((v) => v === searchText.value);
     if (index !== -1) {
       if (index !== 0) {
@@ -155,7 +155,7 @@ function onClickSearch() {
     // 保存到本地存储
     if (list.length !== 0) {
       uni.setStorageSync(
-        "historySearchText",
+        StorageKeys.HistorySearchText,
         encodeURIComponent(JSON.stringify(list))
       );
     }
@@ -165,8 +165,8 @@ function onClickSearch() {
       icon: "none"
     });
   }
-  uni.navigateTo({
-    url: "/pages/search/search"
+  uni.redirectTo({
+    url: `${Pages.Search}?showContent=true&searchText=${searchText.value}`
   });
 }
 
diff --git a/src/pages/world/world-posts.vue b/src/pages/world/WorldPosts.vue
similarity index 83%
rename from src/pages/world/world-posts.vue
rename to src/pages/world/WorldPosts.vue
index 9016f75c..e26af97f 100644
--- a/src/pages/world/world-posts.vue
+++ b/src/pages/world/WorldPosts.vue
@@ -10,12 +10,16 @@
                 {{ post.title }}
               </view>
               <view class="user-info">
-                <template v-if="!post.isAnonymous">
-                  <image :src="post.user.avatarUrl" class="avatar" />
+                <template v-if="post.user">
+                  <image
+                    v-if="post.user.avatarUrl"
+                    :src="post.user.avatarUrl"
+                    class="avatar"
+                  />
                   <view
                     :class="post.isOfficial ? 'username-official' : 'username'"
                   >
-                    {{ post.user.nickname }}
+                    {{ post.user?.nickname }}
                   </view>
                 </template>
               </view>
@@ -76,44 +80,49 @@ import { displayTime } from "@/utils/time";
 import { Pictures } from "@/utils/url";
 import { onClickCover, onClickPost } from "./utils";
 import { Post } from "@/apis/schemas";
+import { getPrefetchData, PrefetchResp } from "@/apis/prefetch";
 
 interface Props {
-  search?: string;
   keyword?: string;
   onlyOfficial?: boolean;
 }
 
-const props = withDefaults(defineProps<Props>(), {
-  search: "default",
-  keyword: "post"
-});
+const props = defineProps<Props>();
 
-let postsData: Array<Post> = reactive([]);
+let postsData = reactive<Post[]>([]);
 let token: string;
+const fetch = async () => {
+  const res = await getPostPreviews({
+    paginationOption: {
+      lastToken: token
+    },
+    onlyOfficial: props.onlyOfficial,
+    searchOptions: props.keyword
+      ? {
+          key: props.keyword
+        }
+      : undefined
+  });
+  token = res.token;
+  return res.posts;
+};
+
 const getPostPreviewsAsync = async () => {
-  let posts: Array<Post> = [];
-  if (props.search === "default") {
-    const res = await getPostPreviews({
-      paginationOption: {
-        lastToken: token
-      },
-      onlyOfficial: props.onlyOfficial
-    });
-    token = res.token;
-    posts = res.posts;
-  } else if (props.search === "post") {
-    const res = await getPostPreviews({
-      paginationOption: {
-        lastToken: token
-      },
-      onlyOfficial: props.onlyOfficial,
-      searchOptions: {
-        key: props.keyword
-      }
-    });
-    token = res.token;
-    posts = res.posts;
+  if (token || props.keyword || props.onlyOfficial) {
+    return fetch();
+  }
+  let res: PrefetchResp;
+  try {
+    res = await getPrefetchData();
+  } catch (reason) {
+    return fetch();
+  }
+  if (!res?.firstPostPreviewsResp?.posts) {
+    return fetch();
   }
+  token = res.firstPostPreviewsResp.token;
+  const posts = res.firstPostPreviewsResp.posts;
+  res.firstPostPreviewsResp = undefined;
   return posts;
 };
 
diff --git a/src/pages/world/world.vue b/src/pages/world/world.vue
index e3ec942c..375dff4c 100644
--- a/src/pages/world/world.vue
+++ b/src/pages/world/world.vue
@@ -14,32 +14,19 @@
     <template #center>喵世界</template>
   </TopBar>
   <view class="navbar">
-    <view :class="types[0].className" @click.prevent="types[0].onClick">
-      {{ types[0].name }}
-    </view>
-    |
-    <view :class="types[1].className" @click.prevent="types[1].onClick">
-      {{ types[1].name }}
-    </view>
-    |
-    <view :class="types[2].className" @click.prevent="types[2].onClick">
-      {{ types[2].name }}
-    </view>
-    |
-    <view :class="types[3].className" @click.prevent="types[3].onClick">
-      {{ types[3].name }}
-    </view>
+    <template v-for="(tab, index) of tabs" :key="tab.name">
+      {{ index !== 0 ? "|" : null }}
+      <view :class="tab.className" @click.prevent="tab.onClick">
+        {{ tab.name }}
+      </view>
+    </template>
     <view class="search" @click.prevent="search" />
   </view>
 
   <view class="blue-background">
     <view class="top-padding" />
 
-    <WorldPosts
-      v-if="!isRefreshing"
-      :only-official="onlyOfficial"
-      search="default"
-    />
+    <WorldPosts v-if="!isRefreshing" :only-official="onlyOfficial" />
     <view class="empty-bottom"></view>
   </view>
 
@@ -48,43 +35,21 @@
 
 <script lang="ts" setup>
 import BottomBar from "@/components/BottomBar.vue";
-import { reactive, ref } from "vue";
+import { nextTick, reactive, ref } from "vue";
 import TopBar from "@/components/TopBar.vue";
 import { onLoad, onPullDownRefresh, onReady } from "@dcloudio/uni-app";
 import { Icons, Pages } from "@/utils/url";
-import WorldPosts from "@/pages/world/world-posts.vue";
+import WorldPosts from "@/pages/world/WorldPosts.vue";
 import { search } from "./utils";
 import { StorageKeys } from "@/utils/const";
 
 //搜索界面需要用到的缓存
-uni.removeStorageSync(StorageKeys.Search);
-uni.setStorageSync(StorageKeys.IsClickSearch, false);
 const onlyOfficial = ref(false);
-const types = reactive([
-  {
-    name: "官方",
-    isCurrent: false,
-    className: "navbtn",
-    onClick: () => {
-      toggleSelf("官方");
-      onlyOfficial.value = true;
-      pageRefresh();
-    }
-  },
+const tabs = reactive([
   {
-    name: "热度",
+    name: "最新",
     isCurrent: true,
     className: "navbtn current",
-    onClick: () => {
-      toggleSelf("热度");
-      onlyOfficial.value = false;
-      pageRefresh();
-    }
-  },
-  {
-    name: "最新",
-    isCurrent: false,
-    className: "navbtn",
     onClick: () => {
       toggleSelf("最新");
       onlyOfficial.value = false;
@@ -92,24 +57,24 @@ const types = reactive([
     }
   },
   {
-    name: "关注",
+    name: "官方",
     isCurrent: false,
     className: "navbtn",
     onClick: () => {
-      toggleSelf("关注");
-      onlyOfficial.value = false;
+      toggleSelf("官方");
+      onlyOfficial.value = true;
       pageRefresh();
     }
   }
 ]);
 
 const toggleSelf = (name: string) => {
-  if (!types.filter((type) => type.name === name)[0].isCurrent) {
-    types.map((type) => {
+  if (!tabs.filter((type) => type.name === name)[0].isCurrent) {
+    tabs.map((type) => {
       type.isCurrent = false;
       type.className = "navbtn";
     });
-    const currentType = types.filter((type) => type.name === name)[0];
+    const currentType = tabs.filter((type) => type.name === name)[0];
     currentType.isCurrent = true;
     currentType.className = "navbtn current";
   }
@@ -119,9 +84,9 @@ const isRefreshing = ref(false);
 
 function pageRefresh() {
   isRefreshing.value = true;
-  setTimeout(() => {
+  nextTick(() => {
     isRefreshing.value = false;
-  }, 1);
+  });
 }
 
 onPullDownRefresh(() => {
diff --git a/src/utils/const.ts b/src/utils/const.ts
index 1f7a6a1e..6c1f2f8b 100644
--- a/src/utils/const.ts
+++ b/src/utils/const.ts
@@ -3,10 +3,6 @@ export const enum StorageKeys {
   UserId = "userId",
   AccessToken = "accessToken",
   HistoryCampuses = "historyCampuses",
-  SearchText = "searchText",
-  IsClickCollectionSearch = "isClickCollectionSearch",
-  Search = "search",
-  IsClickSearch = "isClickSearch",
   IdSelected = "idSelected",
   NameSelected = "nameSelected",
   AvatarSelected = "avatarSelected",
@@ -14,7 +10,8 @@ export const enum StorageKeys {
   DraftPost = "draftPost",
   BackendEnv = "backendEnv",
   BackendLane = "backendLane",
-  EnabledDebug = "enableDebug"
+  EnabledDebug = "enableDebug",
+  HistorySearchText = "historySearchText"
 }
 
 export const enum BackendEnv {
@@ -22,5 +19,12 @@ export const enum BackendEnv {
   Test = "test"
 }
 
+export const BackendEnvMap = {
+  release: BackendEnv.Product,
+  trial: BackendEnv.Test,
+  develop: BackendEnv.Test
+};
+
+export const AppId = 1;
 // WxAppId在init.ts、upload.mjs、manifest.json里使用
 export const WxAppId = "wxd7e995c7b9d793b8";
diff --git a/src/utils/init.ts b/src/utils/init.ts
index 7f4ccd24..a4fcf3f8 100644
--- a/src/utils/init.ts
+++ b/src/utils/init.ts
@@ -1,67 +1,55 @@
 import { signIn } from "@/apis/auth/auth";
-import { getUserInfo, updateUserInfo } from "@/apis/user/user";
-import { SignInResp } from "@/apis/auth/auth-interfaces";
-import { WxAppId, StorageKeys } from "@/utils/const";
+import { getUserInfo } from "@/apis/user/user";
+import { WxAppId, StorageKeys, AppId, BackendEnvMap } from "@/utils/const";
 import { clearCache, listCommunity } from "@/apis/community/community";
 import { Pages } from "@/utils/url";
-
-const DefaultUserAvatarUrl = "https://static.xhpolaris.com/cat_world.jpg";
+import { reactive, ref } from "vue";
 
 export async function init() {
   clearCache();
-  return await new Promise<void>((resolve, reject) => {
-    uni.getProvider({
-      service: "oauth",
-      success(getProviderRes: UniNamespace.GetProviderRes) {
-        if (getProviderRes.provider[0] === "weixin") {
-          uni.login({
-            provider: "weixin",
-            success(res: UniNamespace.LoginRes) {
-              signIn({
-                authType: "wechat",
-                authId: WxAppId,
-                verifyCode: res.code
-              })
-                .then((signInRes) => {
-                  afterSignIn(signInRes);
-                  resolve();
-                })
-                .catch((err) => {
-                  reject(err);
-                });
-            }
-          });
-        }
-      }
+  const accountInfo = uni.getAccountInfoSync().miniProgram;
+  const tasks: Promise<void>[] = [];
+  // 距离token过期不到一天时重新获取token
+  const expireTime = uni.getStorageSync(StorageKeys.AccessToken).expireTime;
+  if (!expireTime || expireTime - new Date().getTime() / 1000 < 86400) {
+    tasks.push(refreshToken(accountInfo.appId));
+  }
+  tasks.push(checkCommunityId());
+  await Promise.all(tasks);
+  const env = uni.getStorageSync(StorageKeys.BackendEnv);
+  if (!env)
+    uni.setBackgroundFetchToken({
+      token: JSON.stringify({
+        communityId: uni.getStorageSync(StorageKeys.CommunityId),
+        userId: uni.getStorageSync(StorageKeys.UserId),
+        env: env || BackendEnvMap[accountInfo.envVersion]
+      })
     });
-  });
+  uni.setStorageSync(
+    StorageKeys.EnabledDebug,
+    uni.getAppBaseInfo().enableDebug || import.meta.env.VITE_ENABLE_DEBUG
+  );
 }
 
-function afterSignIn(signInResp: SignInResp) {
-  uni.setStorageSync(StorageKeys.AccessToken, signInResp.accessToken);
-  // console.log("token", signInResp.accessToken);
-  uni.setStorageSync(StorageKeys.UserId, signInResp.userId);
-  checkCommunityId().then();
-  getUserInfo({})
-    .then((getUserInfoResp) => {
-      uni.setStorageSync(StorageKeys.EnabledDebug, getUserInfoResp.enableDebug);
-    })
-    .catch((res: UniNamespace.RequestSuccessCallbackResult) => {
-      if (res.statusCode === 400) {
-        const id = signInResp.userId;
-        updateUserInfo({
-          nickname: "用户_" + id.substring(id.length - 13),
-          avatarUrl: DefaultUserAvatarUrl
-        }).then(() => {
-          uni.navigateTo({
-            url: Pages.SchoolSelect
-          });
-        });
-      }
-    });
+async function refreshToken(appId: string) {
+  const res = await uni.login({
+    provider: "weixin"
+  });
+  const signInRes = await signIn({
+    authType: "wechat",
+    authId: appId,
+    verifyCode: res.code,
+    appId: AppId
+  });
+  uni.setStorageSync(StorageKeys.AccessToken, {
+    token: signInRes.accessToken,
+    expireTime: signInRes.accessExpire
+  });
+  uni.setStorageSync(StorageKeys.UserId, signInRes.userId);
 }
 
-export async function checkCommunityId() {
+export const needChooseCommunity = ref(false);
+async function checkCommunityId() {
   const res = await listCommunity({});
   const id = uni.getStorageSync(StorageKeys.CommunityId);
 
@@ -71,16 +59,14 @@ export async function checkCommunityId() {
         return;
       }
     }
+  } else {
+    needChooseCommunity.value = true;
   }
 
   // 如果storage里没有id或id无法匹配到任何一个社区，就将id赋值为最早的子社区的id
   for (let i = res.communities.length - 1; i >= 0; i--) {
     const community = res.communities[i];
-    if (
-      community.parentId === "" ||
-      community.parentId === undefined ||
-      community.parentId === null
-    ) {
+    if (!community.parentId) {
       continue;
     }
     uni.setStorageSync(StorageKeys.CommunityId, community.id);
diff --git a/src/utils/share.ts b/src/utils/share.ts
new file mode 100644
index 00000000..0ff2fc7a
--- /dev/null
+++ b/src/utils/share.ts
@@ -0,0 +1,61 @@
+const shareSuccess = () => {
+  uni.showToast({
+    title: "分享成功"
+  });
+};
+
+const shareFail = () => {
+  uni.showToast({
+    title: "分享失败",
+    icon: "none"
+  });
+};
+
+export default {
+  data() {
+    return {
+      // 默认的分享参数
+      share: {
+        title: "给你分享了一只可爱的猫咪",
+        path: "/pages/community/community", // 默认分享路径
+        imageUrl: "https://static.xhpolaris.com/static/meowchat/cover.png", // 默认分享图片
+        desc: "",
+        content: ""
+      }
+    };
+  },
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  onShareAppMessage(res: any) {
+    console.log("全局分享", res);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const shareInfo = res.target ? res.target.dataset.shareinfo : this.share;
+    return {
+      ...shareInfo,
+      success() {
+        shareSuccess();
+      },
+      fail() {
+        shareFail();
+      }
+    };
+  },
+  // 分享到朋友圈
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  onShareTimeline(res: any) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const shareInfo = res.target ? res.target.dataset.shareinfo : this.share;
+    return {
+      ...shareInfo,
+      success() {
+        shareSuccess();
+      },
+      fail() {
+        shareFail();
+      }
+    };
+  }
+};
diff --git a/src/utils/url.ts b/src/utils/url.ts
index a7ad0f47..3a1de6b4 100644
--- a/src/utils/url.ts
+++ b/src/utils/url.ts
@@ -1,7 +1,8 @@
 export const enum Pictures {
   NoData = "https://static.xhpolaris.com/nodata.png",
   ProfileBackground = "https://static.xhpolaris.com/profile_background.png",
-  NoCatHere = "/static/images/no_cat_here.png"
+  NoCatHere = "/static/images/no_cat_here.png",
+  NoMore = "/static/images/nomore.png"
 }
 
 export const enum Icons {
@@ -15,7 +16,8 @@ export const enum Icons {
   Delete = "/static/images/delete.png",
   Guide = "/static/images/guide.png",
   GoBack = "/static/images/left-black.png",
-  Cancel = "/static/images/cancel.png"
+  Cancel = "/static/images/cancel.png",
+  Tag = "/static/images/tag.png"
 }
 
 export const enum Pages {