feat: 优化主题查询、财富排行榜显示、个人中心信息显示、首页主题显示

Yi.Bbs.Vue3/src/views/discuss/index.vue

@@ -48,11 +48,11 @@
       </el-form>
     </div>
     <Tabs v-model="activeName" :tabList="tabList" @tab-change="handleClick" />
-    <div class="div-item" v-for="i in topDiscussList">
+    <div class="div-item" v-for="i in topDiscussList" :key="i.id">
       <DisscussCard :discuss="i" badge="置顶" />
     </div>
     <template v-if="isDiscussFinished">
-      <div class="div-item" v-for="i in discussList">
+      <div class="div-item" v-for="i in discussList" :key="i.id">
         <DisscussCard :discuss="i" />
       </div>
     </template>
@@ -102,7 +102,7 @@ const { getToken, clearStorage } = useAuths();
 //数据定义
 const route = useRoute();
 const router = useRouter();
-const activeName = ref("suggest");
+const activeName = ref("new");
 //主题内容
 const discussList = ref([]);
 const isDiscussFinished = ref(false);
@@ -203,6 +203,7 @@ watch(
 const tabList = ref([
   { label: "全部文章", name: "suggest", position: "left" },
   { label: "最新", name: "new", position: "right" },
+  { label: "推荐", name: "suggest", position: "right" },
   { label: "最热", name: "host", position: "right" },
 ]);
 </script>

Yi.Bbs.Vue3/src/views/home/Index.vue

@@ -9,6 +9,7 @@
           <el-col
             :span="8"
             v-for="i in plateList"
+            :key="i.id"
             class="plate"
             :style="{
               'padding-left': i % 3 == 1 ? 0 : 0.2 + 'rem',
@@ -23,7 +24,7 @@
             />
           </el-col>
           <template v-if="isDiscussFinished">
-            <el-col :span="24" v-for="i in discussList">
+            <el-col :span="24" v-for="i in discussList" :key="i.id">
               <DisscussCard :discuss="i" />
             </el-col>
           </template>
@@ -31,7 +32,7 @@
             <Skeleton :isBorder="true" />
           </template>
           <template v-if="isAllDiscussFinished">
-            <el-col :span="24" v-for="i in allDiscussList">
+            <el-col :span="24" v-for="i in allDiscussList" :key="i.id">
               <DisscussCard :discuss="i" />
             </el-col>
           </template>
@@ -44,7 +45,7 @@
         <el-row class="right-div">
           <el-col :span="24">
             <el-carousel trigger="click" height="150px">
-              <el-carousel-item v-for="item in bannerList">
+              <el-carousel-item v-for="item in bannerList" :key="item.id">
                 <div class="carousel-font" :style="{ color: item.color }">
                   {{ item.name }}
                 </div>
@@ -268,7 +269,7 @@ onMounted(async () => {
     await getAllDiscussList({
       Type: 0,
       skipCount: 1,
-      maxResultCount: 5,
+      maxResultCount: 30,
     });
   isAllDiscussFinished.value = allDiscussConfig.isFinish;
   allDiscussList.value = allDiscussData.items;

Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue

@@ -5,11 +5,12 @@
     </div>
     <div class="center">
       <div class="top">
-        <el-tag effect="light" :type="userLimit.type">
+    
+        <!-- <el-tag effect="light" :type="userLimit.type">
           {{ userLimit.label }}
-        </el-tag>
+        </el-tag> -->
         <el-tag effect="light" type="success"
-          >等级{{ pointsData.level }}</el-tag
+          >{{pointsData.money }} 钱钱</el-tag
         >
       </div>
       <div class="bottom">

Yi.Bbs.Vue3/src/views/profile/Index.vue

@@ -75,7 +75,19 @@
             </div>
             <div class="user-info">
               <div class="user-nick">
-                <div class="user-nick-left">{{ state.user.nick }}</div>
+                <div class="user-nick-left">{{ state.user.nick }} 
+                
+                  <el-tag effect="light" type="success"
+          >{{state.user.level }} 等级</el-tag
+        >
+        <el-tag effect="light" type="success">
+          {{ state.user.userLimit }} 限制
+        </el-tag>
+
+        <el-tag effect="light" type="success"
+          >{{state.user.money }} 钱钱</el-tag
+        >
+                </div>
                 <div class="user-nick-right">
                   
                   其他
@@ -303,6 +315,10 @@ $remarkHeight: $topHeight - $userHeight;
           color:#222226;
           font-size: 23px;
           font-weight: 800;
+          .el-tag{
+
+            margin-right: 10px;
+          }
         }
         &-right{
             margin-right: 30px;