|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <FlexCol :padding="[40,30,50,30]">
|
|
|
+ <FlexCol :padding="[40,30,50,30]" gap="gap.md">
|
|
|
<HomeLargeTitle title="我的" />
|
|
|
<Touchable
|
|
|
direction="row"
|
|
|
@@ -39,6 +39,25 @@
|
|
|
<GridItem title="兑换商城" icon="https://xy.wenlvti.net/app_static/images/mine/IconShop.png" touchable @click="goStore" />
|
|
|
</Grid>
|
|
|
</ProvideVar>
|
|
|
+
|
|
|
+ <BoxMid
|
|
|
+ v-if="authStore.isLogged"
|
|
|
+ :padding="[40,20]"
|
|
|
+ direction="row"
|
|
|
+ >
|
|
|
+ <FlexRow :flex="1" :gap="10" center>
|
|
|
+ <Text>我的乡源果: </Text>
|
|
|
+ <Text fontConfig="lightGoldTitle">{{ volunteerInfoLoader.content.value?.fruit || 0 }}</Text>
|
|
|
+ </FlexRow>
|
|
|
+ <FlexRow :flex="1" :gap="10" center>
|
|
|
+ <Touchable direction="row" align="center" :gap="10" @click="navTo('/pages/dig/about/point')">
|
|
|
+ <Text>文化积分:</Text>
|
|
|
+ <Icon icon="help-filling" color="primary" :size="40" />
|
|
|
+ </Touchable>
|
|
|
+ <Text fontConfig="lightGoldTitle">{{ volunteerInfoLoader.content.value?.points || 0 }}</Text>
|
|
|
+ </FlexRow>
|
|
|
+ </BoxMid>
|
|
|
+
|
|
|
<ProvideVar :vars="{
|
|
|
CellBackground: 'background.tertiary',
|
|
|
CellBottomBorder: false,
|
|
|
@@ -72,6 +91,7 @@ import CellGroup from '@/components/basic/CellGroup.vue';
|
|
|
import Cell from '@/components/basic/Cell.vue';
|
|
|
import Image from '@/components/basic/Image.vue';
|
|
|
import H4 from '@/components/typography/H4.vue';
|
|
|
+import Text from '@/components/basic/Text.vue';
|
|
|
import Height from '@/components/layout/space/Height.vue';
|
|
|
import Touchable from '@/components/feedback/Touchable.vue';
|
|
|
import FlexCol from '@/components/layout/FlexCol.vue';
|
|
|
@@ -84,6 +104,7 @@ import HomeLargeTitle from '@/common/components/parts/HomeLargeTitle.vue';
|
|
|
import ProvideVar from '@/components/theme/ProvideVar.vue';
|
|
|
import Grid from '@/components/layout/grid/Grid.vue';
|
|
|
import GridItem from '@/components/layout/grid/GridItem.vue';
|
|
|
+import BoxMid from '@/common/components/box/BoxMid.vue';
|
|
|
|
|
|
const UserHead = 'https://mncdn.wenlvti.net/app_static/xiangyuan/images/user/avatar.png';
|
|
|
|