diff --git a/src/views/pay/app/index.vue b/src/views/pay/app/index.vue
index cfd4ba8f..5f7f3409 100644
--- a/src/views/pay/app/index.vue
+++ b/src/views/pay/app/index.vue
@@ -10,6 +10,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { Icon } from '@/components/Icon'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteApp, getAppPage } from '@/api/pay/app'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'PayApp' })
 
@@ -67,6 +68,8 @@ function isChannelExists(channels, channelCode) {
 
 <template>
   <div>
+    <DocAlert title="支付功能开启" url="https://doc.iocoder.cn/pay/build/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['pay:app:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/pay/demo/DemoModal.vue b/src/views/pay/demo/order/DemoModal.vue
similarity index 100%
rename from src/views/pay/demo/DemoModal.vue
rename to src/views/pay/demo/order/DemoModal.vue
diff --git a/src/views/pay/demo/demo.data.ts b/src/views/pay/demo/order/demo.data.ts
similarity index 100%
rename from src/views/pay/demo/demo.data.ts
rename to src/views/pay/demo/order/demo.data.ts
diff --git a/src/views/pay/demo/index.vue b/src/views/pay/demo/order/index.vue
similarity index 85%
rename from src/views/pay/demo/index.vue
rename to src/views/pay/demo/order/index.vue
index c400cd4c..29619564 100644
--- a/src/views/pay/demo/index.vue
+++ b/src/views/pay/demo/order/index.vue
@@ -8,6 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getDemoOrderPage, refundDemoOrder } from '@/api/pay/demo'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'PayDemo' })
 
@@ -58,6 +59,11 @@ async function handleRefund(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="支付宝支付接入" url="https://doc.iocoder.cn/pay/alipay-pay-demo/" />
+    <DocAlert title="支付宝、微信退款接入" url="https://doc.iocoder.cn/pay/refund-demo/" />
+    <DocAlert title="微信公众号支付接入" url="https://doc.iocoder.cn/pay/wx-pub-pay-demo/" />
+    <DocAlert title="微信小程序支付接入" url="https://doc.iocoder.cn/pay/wx-lite-pay-demo/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['pay:app:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleAdd">
diff --git a/src/views/pay/demo/transfer/index.vue b/src/views/pay/demo/transfer/index.vue
new file mode 100644
index 00000000..240487d2
--- /dev/null
+++ b/src/views/pay/demo/transfer/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="支付手册" url="https://doc.iocoder.cn/pay/build/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/transfer/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/transfer/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/pay/notify/index.vue b/src/views/pay/notify/index.vue
index 46a3372c..f8800c46 100644
--- a/src/views/pay/notify/index.vue
+++ b/src/views/pay/notify/index.vue
@@ -6,6 +6,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getNotifyTaskPage } from '@/api/pay/notify'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'PayNotify' })
 
@@ -34,6 +35,8 @@ async function handleQueryDetails(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="支付功能开启" url="https://doc.iocoder.cn/pay/build/" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/pay/order/index.vue b/src/views/pay/order/index.vue
index a9076225..81a021a0 100644
--- a/src/views/pay/order/index.vue
+++ b/src/views/pay/order/index.vue
@@ -8,6 +8,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { OrderExportReqVO } from '@/api/pay/order'
 import { exportOrder, getOrderPage } from '@/api/pay/order'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'PayOrder' })
 
@@ -49,6 +50,10 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="支付宝支付接入" url="https://doc.iocoder.cn/pay/alipay-pay-demo/" />
+    <DocAlert title="微信公众号支付接入" url="https://doc.iocoder.cn/pay/wx-pub-pay-demo/" />
+    <DocAlert title="微信小程序支付接入" url="https://doc.iocoder.cn/pay/wx-lite-pay-demo/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['pay:order:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/pay/refund/index.vue b/src/views/pay/refund/index.vue
index 44278aa9..bea2a9cc 100644
--- a/src/views/pay/refund/index.vue
+++ b/src/views/pay/refund/index.vue
@@ -8,6 +8,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { PayRefundExportReqVO } from '@/api/pay/refund'
 import { exportRefund, getRefundPage } from '@/api/pay/refund'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'PayRefund' })
 
@@ -49,6 +50,8 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="支付宝、微信退款接入" url="https://doc.iocoder.cn/pay/refund-demo/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['pay:order:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/pay/transfer/index.vue b/src/views/pay/transfer/index.vue
new file mode 100644
index 00000000..264f5a96
--- /dev/null
+++ b/src/views/pay/transfer/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="支付手册" url="https://doc.iocoder.cn/pay/build/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/transfer/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/transfer/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/pay/wallet/balance/index.vue b/src/views/pay/wallet/balance/index.vue
new file mode 100644
index 00000000..21a1bd82
--- /dev/null
+++ b/src/views/pay/wallet/balance/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="支付手册" url="https://doc.iocoder.cn/pay/build/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/balance/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/balance/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/pay/wallet/rechargePackage/index.vue b/src/views/pay/wallet/rechargePackage/index.vue
new file mode 100644
index 00000000..794e0817
--- /dev/null
+++ b/src/views/pay/wallet/rechargePackage/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="支付手册" url="https://doc.iocoder.cn/pay/build/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/rechargePackage/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/rechargePackage/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>