uniapp开发支付宝小程序遇到的问题

1、支付宝不支持picker的mode属性,仅支付单项picker

解决方案:将多项picker进行拆分

2、不支持自定义头部导航

不支持的定义在于,无法通过navigationStyle的配置去掉顶部的默认返回按钮
在这里插入图片描述
始终左上角会有返回按钮盘踞,但是可以通过设置
在这里插入图片描述
达到一种类似与自定义导航的效果,但是点击左上角,还是会返回
在这里插入图片描述
看似自定义,实际上在左上角仍然有默认的返回按钮
在这里插入图片描述

3、span 标签上不能绑定事件

uni-app上是支持使用span标签写代码的,在编译时会被编译成label标签,而支付宝小程序在label上绑定事件不生效。

4、picker组件内部只能包含一个子元素

如果业务场景需要多个的话,就在外面包一个父元素

5、rich-text的nodes仅支持Array类型

注意html-parser针对一些复制过来的富文本内容可能会产生解析错误的问题,而使用原始string不会出问题。
uniapp官方推荐使用Array的数据赋值给rich-text组件的node

6、class不支持[],object的形式进行动态绑定

可以使用string的形式绑定

7、input组件具有默认的白色背景和padding还有一些默认样式

可以在公共样式中覆盖

8、避免在slot内嵌元素上使用v-if条件渲染

在这里插入图片描述

9、uni.request的statusCode

uni.request发起请求,如果返回的statusCode是400
在这里插入图片描述
在这里插入图片描述
支付宝:会认为是请求失败
在这里插入图片描述
微信小程序:会认为请求成功
在这里插入图片描述
解决方法:可以让后端接口请求,如果请求通过,统一返回statusCode200,然后在返回的数据中再进行逻辑判断

10、label标签具有默认的行高

label{
	line-height:1.8
}

支付宝中label有1.8的行高,所有表现样式会比微信小程序高一些,可以在公共样式中重置

label{
	line-height:1
}

11、navigateBack的delta的值不能为-1

在微信小程序中如果想返回上一个页面,可以使用delta为-1或者1都行,但是H5和支付宝小程序使用-1会导致无法正常返回

欢迎评论 ^ _ ^

  • 5
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
UniApp开发支付宝小程序,调起支付功能需要用到支付宝的官方SDK和UniApp提供的API适配。以下是基本步骤: 1. **安装支付宝插件**: 在UniApp项目中,首先需要安装支付宝的插件,可以通过命令行工具或在`uni-app`的插件市场搜索"alipay"找到官方提供的支付宝组件。安装完成后,需要在`uni-app.json`配置文件中注册插件。 2. **引入依赖**: 在项目中引用支付宝的JavaScript SDK,通常是在`app.js`或相关的业务组件文件里。 ```javascript import { alipayInstance } from '@/plugins/alipay/index'; ``` 3. **初始化支付环境**: 初始化支付宝支付对象,并设置应用ID(APPID)和支付宝公钥等必要信息。 ```javascript const app = createApp(App); app.registerComponent(...); alipayInstance.init({ appid: 'your_app_id', app_notify_url: 'your_server_callback_url', // 支付成功后的回调地址 ... }); ``` 4. **调用支付接口**: 使用`alipayInstance.requestOrder`方法发起支付请求,传入具体的商品信息、支付参数等。 ```javascript async pay(orderInfo) { const result = await alipayInstance.requestOrder({ bizContent: orderInfo, // 这里包含商品ID、价格、订单描述等 method: 'alipay.trade.page.pay', // 支付方式 ... }); if (result.status === 'success') { // 处理支付成功的情况 } else { // 处理支付失败的情况 } } ``` 5. **处理支付结果**: 设置回调函数处理服务器返回的支付结果,如状态确认、退款、关闭订单等。 6. **安全问题**: 不要将敏感信息如私钥直接暴露在前端代码中,确保后台服务器的安全。 重要提示:支付宝开发者文档是实时更新的,具体使用时请查阅官方最新文档,以便获取最新的配置和调用方法。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值