🎨 按要求首页瀑布流方向为普通网格布局

src/api/inhert/VillageInfoApi.ts

@@ -279,7 +279,7 @@ export class VillageInfoApi extends AppServerRequestModule<DataModel> {
       [data.subKey ? data.subKey : 'type']: data.subId && data.subId >= 0 ? data.subId : undefined,
       village_id: data.villageId,
       village_volunteer_id: data.villageVolunteerId,
-      catalog_id: data.catalogId,
+      catalog_id: data.catalogId || undefined,
       page: data.page,
       pageSize: data.pageSize,
       status: data.status,

src/common/components/parts/IndexCommonImageItem.vue

@@ -5,6 +5,7 @@
     :desc="desc"
     :width="340"
     :imageWidth="340"
+    :imageHeight="260"
     :imageRadius="15"
     :defaultImage="defaultImage"
     :titleProps="{ fontSize: 24, color: 'gray', lines: 2 }"

src/pages/home/index.vue

@@ -148,38 +148,30 @@
 
       <HomeTitle title="精选记忆">
         <template #right>
-          <Touchable
-            :padding="[15, 20]"
-            :innerStyle="{ marginRight: '20rpx' }"
-            direction="row"
-            center
-            gap="gap.md"
+          <FrameButton
+            size="small"
+            icon="https://xy.wenlvti.net/app_static/images/village/IconLargeHistory.png"
+            text="我也来写"
             @click="handleGoPublish()"
-          >
-            <Icon name="https://xy.wenlvti.net/app_static/images/village/IconLargeHistory.png" :size="30" />
-            <Text text="我也来写" fontConfig="contentText" />
-          </Touchable>
+          />
         </template>
       </HomeTitle>
 
       <SimplePageListLoader :loader="recommendLoader">
-        <MasonryGrid>
-          <MasonryGridItem
+        <FlexRow justify="space-between" wrap gap="gap.md">
+          <IndexCommonImageItem
             v-for="(item, i) in recommendLoader.list.value"
             :key="i"
             :width="340"
-          >
-            <IndexCommonImageItem
-              :image="item.image"
-              :title="item.title"
-              :desc="item.content ?? ''"
-              :userName="item.villageVolunteerName ?? ''"
-              :likes="0"
-              :isLike="false"
-              @click="handleGoRecommendDetails(item)"
-            />
-          </MasonryGridItem>
-        </MasonryGrid>
+            :image="item.image"
+            :title="item.title"
+            :desc="item.content ?? ''"
+            :userName="item.villageVolunteerName ?? ''"
+            :likes="0"
+            :isLike="false"
+            @click="handleGoRecommendDetails(item)"
+          />
+        </FlexRow>
       </SimplePageListLoader>
 
     </FlexCol>
@@ -262,6 +254,7 @@ import PostIndex from './village/dialogs/PostIndex.vue';
 import TreeApi from '@/api/light/TreeApi';
 import { SimpleTimer } from '@/components/utils/Timer';
 import { useGetNotice } from './village/composeabe/GetNotice';
+import FrameButton from '@/common/components/FrameButton.vue';
 
 const emit = defineEmits(['goVillage','goDig']);
 const authStore = useAuthStore();