📦 首页增加精选推荐

src/views/HomeView.vue

@@ -19,6 +19,32 @@
       </template>
     </Carousel>
 
+    <!-- 精选推荐 -->
+    <section class="main-section main-background main-background-type1">
+      <div class="content">
+        <div class="title">
+          <h2>精选推荐</h2>
+        </div>
+
+        <SimplePageContentLoader :loader="recommendData">
+          <Carousel ref="carousel2Ref" v-bind="carousel2Config">
+            <Slide v-for="(item, index) in recommendData.content.value" :key="index">
+              <ImageTitleBlock 
+                :image="item.image"
+                :title="item.title"
+                :desc="item.desc"
+              />
+            </Slide>
+          </Carousel>
+        </SimplePageContentLoader>
+
+        <div class="simple-carousel2-left-right">
+          <div @click="carousel2Ref?.prev()">←</div>
+          <div @click="carousel2Ref?.next()">→</div>
+        </div>
+      </div>
+    </section>
+
     <!-- 最新资讯动态 -->
     <section class="main-section main-background main-background-type1">
       <div class="content">
@@ -136,6 +162,12 @@ onMounted(() => {
   } 
 })
 
+const recommendData = useSimpleDataLoader<GetContentListItem[]>(async () => {
+  return (await NewsIndexContent.getContentList(new GetContentListParams().setSelfValues({
+    flag: 'recommend',
+  }), 1, 6)).list
+});
+
 const newsData = useSimpleDataLoader<GetContentListItem[]>(async () => {
   return (await NewsIndexContent.getContentList(new GetContentListParams().setSelfValues({
     flag: 'recommend',