Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
1da221bb
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3172
Star
105
Fork
804
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
93
列表
看板
标记
里程碑
合并请求
67
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
93
Issue
93
列表
看板
标记
里程碑
合并请求
67
合并请求
67
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
1da221bb
编写于
12月 01, 2022
作者:
VK1688
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update uni-pay.md
【新增】直接跳转到收银台页面的代码示例 【新增】直接跳转到自定义收银台的代码示例
上级
6a81e213
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
38 addition
and
2 deletion
+38
-2
docs/uniCloud/uni-pay.md
docs/uniCloud/uni-pay.md
+38
-2
未找到文件。
docs/uniCloud/uni-pay.md
浏览文件 @
1da221bb
...
@@ -1403,7 +1403,7 @@ uni-pay前端组件和uni-pay-co云对象的方法是一样的。通常情况下
...
@@ -1403,7 +1403,7 @@ uni-pay前端组件和uni-pay-co云对象的方法是一样的。通常情况下
### 创建支付@create-order
### 创建支付@create-order
**支付组件方法形式(
带收银台
)(推荐)**
**支付组件方法形式(
收银台弹窗模式
)(推荐)**
`open`
和
`createOrder`
参数是一致的,唯一区别是
`open`
会打开收银台,而
`createOrder`
不带收银台,直接调用支付。
`open`
和
`createOrder`
参数是一致的,唯一区别是
`open`
会打开收银台,而
`createOrder`
不带收银台,直接调用支付。
...
@@ -1411,7 +1411,6 @@ uni-pay前端组件和uni-pay-co云对象的方法是一样的。通常情况下
...
@@ -1411,7 +1411,6 @@ uni-pay前端组件和uni-pay-co云对象的方法是一样的。通常情况下
```
js
```
js
this
.
$refs
.
uniPay
.
open
({
this
.
$refs
.
uniPay
.
open
({
provider
:
"
wxpay
"
,
// 支付供应商
total_fee
:
1
,
// 支付金额,单位分 100 = 1元
total_fee
:
1
,
// 支付金额,单位分 100 = 1元
type
:
"
recharge
"
,
// 支付回调类型
type
:
"
recharge
"
,
// 支付回调类型
order_no
:
"
20221027011000101001010
"
,
// 业务系统订单号
order_no
:
"
20221027011000101001010
"
,
// 业务系统订单号
...
@@ -1420,8 +1419,45 @@ this.$refs.uniPay.open({
...
@@ -1420,8 +1419,45 @@ this.$refs.uniPay.open({
});
});
```
```
**直接跳收银台页面模式(推荐)**
与弹窗模式的区别是:跳页面模式是通过
`uni.navigateTo`
直接跳到收银台页面,而弹窗模式是在原页面弹出收银台。
```
js
let
options
=
{
total_fee
:
1
,
// 支付金额,单位分 100 = 1元
type
:
"
recharge
"
,
// 支付回调类型
order_no
:
"
20221027011000101001010
"
,
// 业务系统订单号
out_trade_no
:
"
2022102701100010100101001
"
,
// 插件支付单号
description
:
"
uniCloud个人版包月套餐
"
,
// 支付描述
};
let
optionsStr
=
encodeURI
(
JSON
.
stringify
(
options
));
uni
.
navigateTo
({
url
:
`/uni_modules/uni-pay/pages/pay-desk/pay-desk?options=
${
optionsStr
}
`
});
```
收银台页面源码在
`/uni_modules/uni-pay/pages/pay-desk/pay-desk`
中
如果你想要自定义收银台样式,建议复制该页面到你的项目pages目录,如
`/pages/pay-desk/pay-desk`
,然后在复制的页面上进行修改样式,同时跳转到自定义收银台的代码如下:
```
js
let
options
=
{
total_fee
:
1
,
// 支付金额,单位分 100 = 1元
type
:
"
recharge
"
,
// 支付回调类型
order_no
:
"
20221027011000101001010
"
,
// 业务系统订单号
out_trade_no
:
"
2022102701100010100101001
"
,
// 插件支付单号
description
:
"
uniCloud个人版包月套餐
"
,
// 支付描述
};
let
optionsStr
=
encodeURI
(
JSON
.
stringify
(
options
));
uni
.
navigateTo
({
url
:
`/pages/pay-desk/pay-desk?options=
${
optionsStr
}
`
});
```
**支付组件方法形式(不带收银台)**
**支付组件方法形式(不带收银台)**
不带收银台时,provider参数为必传项,代表支付供应商
```
js
```
js
this
.
$refs
.
uniPay
.
createOrder
({
this
.
$refs
.
uniPay
.
createOrder
({
provider
:
"
wxpay
"
,
// 支付供应商
provider
:
"
wxpay
"
,
// 支付供应商
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录