|
|
@@ -98,6 +98,34 @@
|
|
|
</Button>
|
|
|
</FlexRow>
|
|
|
|
|
|
+ <HomeTitle title="最新动态" />
|
|
|
+ <FlexCol gap="gap.lg">
|
|
|
+ <FlexRow
|
|
|
+ v-for="item in activityLoader.content.value" :key="item.id"
|
|
|
+ backgroundColor="background.tertiary"
|
|
|
+ radius="radius.md"
|
|
|
+ :padding="[20, 30]"
|
|
|
+ gap="gap.lg"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <Avatar
|
|
|
+ :url="item.head"
|
|
|
+ :size="80"
|
|
|
+ radius="50%"
|
|
|
+ />
|
|
|
+ <Text :text="item.content" fontConfig="contentText" :innerStyle="{ flex: 1 }" />
|
|
|
+ <BackgroundBox
|
|
|
+ backgroundImage="https://xy.wenlvti.net/app_static/images/village/TagNormal.png"
|
|
|
+ :backgroundCutBorder="[10, 10, 10, 10]"
|
|
|
+ :backgroundCutBorderSize="[10, 10, 10, 10]"
|
|
|
+ :padding="[15, 30]"
|
|
|
+ >
|
|
|
+ <Text :text="item.levelText" fontConfig="contentText" />
|
|
|
+ </BackgroundBox>
|
|
|
+ </FlexRow>
|
|
|
+ </FlexCol>
|
|
|
+
|
|
|
+
|
|
|
<HomeTitle title="乡村排名" showMore @moreClicked="navTo('/pages/home/village/rank/village', {
|
|
|
regionId: currentRegion ?? undefined,
|
|
|
})" />
|
|
|
@@ -188,6 +216,9 @@ import type { CityItem } from '@/api/map/MapApi';
|
|
|
import SimplePageListLoader from '@/components/loader/SimplePageListLoader.vue';
|
|
|
import { useAuthStore } from '@/store/auth';
|
|
|
import { useReqireLogin } from '@/common/composeabe/RequireLogin';
|
|
|
+import Avatar from '@/components/display/Avatar.vue';
|
|
|
+import Text from '@/components/basic/Text.vue';
|
|
|
+import BackgroundBox from '@/components/display/block/BackgroundBox.vue';
|
|
|
|
|
|
const emit = defineEmits(['goVillage']);
|
|
|
|
|
|
@@ -238,6 +269,30 @@ const villageUserRankListLoader = useSimpleDataLoader(async () => {
|
|
|
});
|
|
|
const recommendLoader = useSimplePageListLoader(20, async (page, pageSize, params) => await LightVillageApi.getMessages(page, pageSize), true);
|
|
|
|
|
|
+const activityLoader = useSimpleDataLoader(async () => {
|
|
|
+ return [
|
|
|
+ {
|
|
|
+ id: 1,
|
|
|
+ head: 'https://mn.wenlvti.net/app_static/minnan/images/test/ImageTest1.png',
|
|
|
+ content: '测试数据,没有接口!:福泽乡里 为全村加成+10%乡源果,可持续24小时',
|
|
|
+ levelText: '一级',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 2,
|
|
|
+ head: 'https://mn.wenlvti.net/app_static/minnan/images/test/ImageTest2.png',
|
|
|
+ content: '福泽乡里 为全村加成+10%乡源果,可持续24小时',
|
|
|
+ levelText: '五级',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 3,
|
|
|
+ head: 'https://mn.wenlvti.net/app_static/minnan/images/test/ImageTest3.png',
|
|
|
+ content: '福泽乡里 为全村加成+10%乡源果,可持续24小时',
|
|
|
+ levelText: '十级',
|
|
|
+ },
|
|
|
+
|
|
|
+ ];
|
|
|
+});
|
|
|
+
|
|
|
watch(currentRegion, async (newVal) => {
|
|
|
await villageRankListLoader.reload();
|
|
|
await villageUserRankListLoader.reload();
|