diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue
index b938fff7..3bea4a12 100644
--- a/Yi.Bbs.Vue3/src/views/home/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/Index.vue
@@ -215,7 +215,7 @@ const isPointFinished = ref(false);
 const friendList = ref([]);
 const isFriendFinished = ref(false);
 const themeList = ref([]);
-const isThemeFinished = ref([]);
+const isThemeFinished = ref(false);
 const allDiscussList = ref([]);
 const isAllDiscussFinished = ref(false);
 const userAnalyseInfo = ref({});
diff --git a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
index 8abe08d5..706a01f8 100644
--- a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="friend-box">
     <div class="left">
-      <div class="icon"><img :src="userImageSrc" alt="" /></div>
+      <UserInfoCard :userInfo="friendData" :iconUrl="userImageSrc" />
     </div>
     <div class="center">
       <div class="top">
@@ -34,6 +34,7 @@
 
 <script setup name="RecommendFriend">
 import { defineProps, computed } from "vue";
+import UserInfoCard from "@/components/UserInfoCard/index.vue";
 
 const props = defineProps({
   friendData: {