diff --git a/src/pages.json b/src/pages.json
index d4c86ae0..bcf62dd3 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -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"
+          }
         }
       ]
     }
diff --git a/src/pages/profile/view-record.vue b/src/pages/profile/view-record.vue
index 27b66563..ee334140 100644
--- a/src/pages/profile/view-record.vue
+++ b/src/pages/profile/view-record.vue
@@ -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>
diff --git a/src/pages/wechat/index.vue b/src/pages/wechat/index.vue
index 314c3f06..747903a1 100644
--- a/src/pages/wechat/index.vue
+++ b/src/pages/wechat/index.vue
@@ -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({
diff --git a/src/pages/wechat/pages/gift/history.vue b/src/pages/wechat/pages/gift/history.vue
new file mode 100644
index 00000000..8140ed10
--- /dev/null
+++ b/src/pages/wechat/pages/gift/history.vue
@@ -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>
\ No newline at end of file
diff --git a/src/pages/wechat/pages/gift/index.vue b/src/pages/wechat/pages/gift/index.vue
new file mode 100644
index 00000000..2cd2deb6
--- /dev/null
+++ b/src/pages/wechat/pages/gift/index.vue
@@ -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>
\ No newline at end of file
diff --git a/src/pages/wechat/pages/inviter/index.vue b/src/pages/wechat/pages/inviter/index.vue
new file mode 100644
index 00000000..66fbedfc
--- /dev/null
+++ b/src/pages/wechat/pages/inviter/index.vue
@@ -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>
\ No newline at end of file