Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
it&s me
unidocs-zh
提交
1da221bb
U
unidocs-zh
项目概览
it&s me
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
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云对象的方法是一样的。通常情况下
### 创建支付@create-order
**支付组件方法形式(
带收银台
)(推荐)**
**支付组件方法形式(
收银台弹窗模式
)(推荐)**
`open`
和
`createOrder`
参数是一致的,唯一区别是
`open`
会打开收银台,而
`createOrder`
不带收银台,直接调用支付。
...
...
@@ -1411,7 +1411,6 @@ uni-pay前端组件和uni-pay-co云对象的方法是一样的。通常情况下
```
js
this
.
$refs
.
uniPay
.
open
({
provider
:
"
wxpay
"
,
// 支付供应商
total_fee
:
1
,
// 支付金额,单位分 100 = 1元
type
:
"
recharge
"
,
// 支付回调类型
order_no
:
"
20221027011000101001010
"
,
// 业务系统订单号
...
...
@@ -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
this
.
$refs
.
uniPay
.
createOrder
({
provider
:
"
wxpay
"
,
// 支付供应商
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录