🎨 任务列表增加图标显示

src/api/light/TreeApi.ts

@@ -274,6 +274,7 @@ export class GrowthTaskItem extends DataModel<GrowthTaskItem> {
   id!: number;
   taskKey = '';
   villageId = 0;
+  image = '';
   name = '';
   desc = '';
   points = 0;

src/pages/home/village/task/index.vue

@@ -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,