|
|
@@ -18,16 +18,19 @@
|
|
|
justify="space-between"
|
|
|
align="center"
|
|
|
>
|
|
|
- <FlexCol gap="gap.md">
|
|
|
- <Text fontConfig="lightImportantTitle" fontFamily="SongtiSCBlack">{{ item.name }}</Text>
|
|
|
- <Text :fontSize="23" :text="item.desc" />
|
|
|
- <Text v-if="item.points > 0" fontConfig="secondText">+{{ item.points }}文化积分</Text>
|
|
|
- <FlexRow align="center" gap="gap.md">
|
|
|
- <Button v-if="item.rewardFruit > 0" icon="https://xy.wenlvti.net/app_static/images/village/IconFruit.png" size="mini" :text="`+${item.rewardFruit}乡源果`" />
|
|
|
- <Button v-if="item.rewardLight > 0" icon="https://xy.wenlvti.net/app_static/images/village/IconLight.png" size="mini" :text="`+${item.rewardLight}乡源光`" />
|
|
|
- <Button v-if="item.rewardWater > 0" icon="https://xy.wenlvti.net/app_static/images/village/IconWatering.png" size="mini" :text="`+${item.rewardWater}浇水次数`" />
|
|
|
- </FlexRow>
|
|
|
- </FlexCol>
|
|
|
+ <FlexRow gap="gap.md" align="center">
|
|
|
+ <Icon :icon="item.image" :size="60" />
|
|
|
+ <FlexCol gap="gap.md">
|
|
|
+ <Text fontConfig="lightImportantTitle" fontFamily="SongtiSCBlack">{{ item.name }}</Text>
|
|
|
+ <Text :fontSize="23" :text="item.desc" />
|
|
|
+ <Text v-if="item.points > 0" fontConfig="secondText">+{{ item.points }}文化积分</Text>
|
|
|
+ <FlexRow align="center" gap="gap.md">
|
|
|
+ <Button v-if="item.rewardFruit > 0" icon="https://xy.wenlvti.net/app_static/images/village/IconFruit.png" size="mini" :text="`+${item.rewardFruit}乡源果`" />
|
|
|
+ <Button v-if="item.rewardLight > 0" icon="https://xy.wenlvti.net/app_static/images/village/IconLight.png" size="mini" :text="`+${item.rewardLight}乡源光`" />
|
|
|
+ <Button v-if="item.rewardWater > 0" icon="https://xy.wenlvti.net/app_static/images/village/IconWatering.png" size="mini" :text="`+${item.rewardWater}浇水次数`" />
|
|
|
+ </FlexRow>
|
|
|
+ </FlexCol>
|
|
|
+ </FlexRow>
|
|
|
<FlexRow gap="gap.xl" align="center">
|
|
|
<FlexCol align="flex-end">
|
|
|
<FrameButton
|
|
|
@@ -72,6 +75,7 @@ import FlexRow from '@/components/layout/FlexRow.vue';
|
|
|
import FrameButton from '@/common/components/FrameButton.vue';
|
|
|
import Button from '@/components/basic/Button.vue';
|
|
|
import { backAndCallOnPageBack } from '@/components/utils/PageAction';
|
|
|
+import Icon from '@/components/basic/Icon.vue';
|
|
|
|
|
|
const { querys } = useLoadQuerys({
|
|
|
villageId: 0,
|