zianxin/Friendship-and-chat-uniapp
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
dzc committed 2025-12-03 14:37:48 +08:00
1 parent b587ab476e
commit 7da3134e79
6 files changed
+130 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages.json
+21
View File
@@ -298,6 +298,27 @@
"navigationBarTitleText": "邀请福利",
"navigationStyle": "custom"
}
},
{
"path": "pages/gift/index",
"style": {
"navigationBarTitleText": "邀请福利",
"navigationStyle": "custom"
}
},
{
"path": "pages/gift/history",
"style": {
"navigationBarTitleText": "礼物账单",
"navigationStyle": "custom"
}
},
{
"path": "pages/inviter/index",
"style": {
"navigationBarTitleText": "邀请历史",
"navigationStyle": "custom"
}
}
]
}
src/pages/profile/view-record.vue
+11 -19
View File
@@ -17,33 +17,25 @@
</wd-tab>
</wd-tabs>
<scroll-list
style="height: calc(100dvh - 44px - 42px)"
:loadMoreStatus="loadMoreStatus"
@refresh="refreshList"
@loadMore="listLoadMore"
>
<scroll-list style="height: calc(100dvh - 44px - 42px)" :loadMoreStatus="loadMoreStatus" @refresh="refreshList"
@loadMore="listLoadMore">
<moment-card v-if="listData.length" v-for="item in 4" :data="item" />
<view v-else class="flex px-4 py-4" v-for="index in 4" :key="index">
<wd-skeleton :row-col="[{ size: '50px', type: 'circle' }]" animation="flashed" />
<wd-skeleton
:custom-style="{ width: '100%', marginLeft: '12px' }"
animation="flashed"
theme="paragraph"
/>
<wd-skeleton :custom-style="{ width: '100%', marginLeft: '12px' }" animation="flashed" theme="paragraph" />
</view>
</scroll-list>
</wd-config-provider>
</template>
<script setup lang="ts">
import MomentCard from '@/sheep/components/moment-card/moment-card.vue';
import ScrollList from '@/sheep/components/scroll-list/scroll-list.vue';
import useScroll from '@/sheep/hooks/use-scroll';
import RecentApi from '@/sheep/api/member/recent';
import { ref, reactive } from 'vue';
import MomentCard from '@/sheep/components/moment-card/moment-card.vue';
import ScrollList from '@/sheep/components/scroll-list/scroll-list.vue';
import useScroll from '@/sheep/hooks/use-scroll';
import RecentApi from '@/sheep/api/member/recent';
import { ref, reactive } from 'vue';
const activeTab = ref();
const params = reactive({});
const { listData, loadMoreStatus, refreshList, listLoadMore } = useScroll(RecentApi.xxx, params);
const activeTab = ref();
const params = reactive({});
const { listData, loadMoreStatus, refreshList, listLoadMore } = useScroll(RecentApi.xxx, params);
</script>
src/pages/wechat/index.vue
+14 -2
View File
@@ -27,7 +27,8 @@
<!-- 提现相关 -->
<view class="mx-20rpx mt-30rpx bg-color-dark rounded-12rpx px-6 py-4">
<view class="flex items-center justify-center">
<view class="flex-1 flex-col justify-center items-center" v-for="(v, i) in data.txTab" :key="i">
<view class="flex-1 flex-col justify-center items-center" v-for="(v, i) in data.txTab" :key="i"
@tap="doTxItem(v)">
<text class="text-color-theme text-2xl">{{ v.value }}</text>
<text class="mt-10rpx">{{ v.title }}</text>
</view>
@@ -96,14 +97,17 @@ const data = {
{
title: '累计收益',
value: '100',
path: "/pages/wechat/pages/gift/history",
},
{
title: '可提现',
value: '200',
path: "/pages/wechat/pages/gift/index",
},
{
title: '成功邀请',
value: '300',
path: "/pages/wechat/pages/gift/index",
},
],
menuTab: [
@@ -111,7 +115,7 @@ const data = {
title: '礼物奖励',
icon: 'icon-liwu',
bgColor: '#fad34a',
path: "",
path: "/pages/wechat/pages/gift/index",
},
{
title: '钻石充值',
@@ -142,6 +146,14 @@ const data = {
],
}
const doTxItem = (item) => {
if (item.path) {
uni.navigateTo({
url: item.path,
});
}
}
const doItem = (item) => {
if (item.path) {
uni.navigateTo({
src/pages/wechat/pages/gift/history.vue
+21
View File
@@ -0,0 +1,21 @@
<template>
<wd-config-provider theme="dark">
<wd-navbar title="礼物账单" safeAreaInsetTop :bordered="false">
<template #right>
<navigator hover-class="navigator-hover" />
</template>
</wd-navbar>
<wd-tabs v-model="activeTab">
<wd-tab title="提现记录" />
<wd-tab title="消费记录" />
</wd-tabs>
</wd-config-provider>
</template>
<script setup>
import { computed, reactive, ref } from 'vue';
import sheep from '@/sheep';
import { onLoad } from '@dcloudio/uni-app';
const activeTab = ref();
</script>
src/pages/wechat/pages/gift/index.vue
+47
View File
@@ -0,0 +1,47 @@
<template>
<wd-config-provider theme="dark">
<wd-navbar title="邀请福利" safeAreaInsetTop :bordered="false">
<template #right>
<navigator hover-class="navigator-hover" />
</template>
</wd-navbar>
<view class="mt-30rpx mx-30rpx">
<view class="flex justify-between items-center">
<view class="flex items-end">
<text class="text-3xl font-bold">0</text>
<text class="ml-10rpx text-xs">可提现总{{ dictData.unit }}</text>
</view>
<view>
<text
class="bg-color-theme-dark active_cl_bg-color-theme text-xs text-center px-2 py-8rpx rounded-full">
绑定提现微信
</text>
</view>
</view>
<view class="mt-10rpx text-xs">
注意:用户持有的{{ dictData.unit }}与人民币兑换比例为20:1,即消耗20个{{ dictData.unit }}可抵扣/兑换1人民币等值权益。
</view>
</view>
<view class="mt-30rpx mx-30rpx">
<view class="text-base bg-color-dark rounded-12rpx px-2 py-2">礼物明细</view>
<view>
</view>
</view>
<view class="px-30rpx fixed bottom-30rpx left-0 right-0">
<view class="bg-color-theme-dark active_cl_bg-color-theme text-base text-center px-2 py-12rpx rounded-full">
立即提现
</view>
</view>
</wd-config-provider>
</template>
<script setup>
import { computed, reactive, ref } from 'vue';
import sheep from '@/sheep';
import { onLoad } from '@dcloudio/uni-app';
const dictData = {
unit: "砖石"
}
</script>
src/pages/wechat/pages/inviter/index.vue
+16
View File
@@ -0,0 +1,16 @@
<template>
<wd-config-provider theme="dark">
<wd-navbar title="邀请历史" safeAreaInsetTop :bordered="false">
<template #right>
<navigator hover-class="navigator-hover" />
</template>
</wd-navbar>
</wd-config-provider>
</template>
<script setup>
import { computed, reactive, ref } from 'vue';
import sheep from '@/sheep';
import { onLoad } from '@dcloudio/uni-app';
</script>