Trust
Trust
  • 发布:2018-12-21 19:43
  • 更新:2024-03-12 15:10
  • 阅读:27730

uni-app 开发支付宝/百度小程序注意事项

分类:uni-app

HBuilderX 1.3.5 起,支持支付宝和百度小程序的开发编译。

平台差异

百度小程序

已知的差异/问题:

  • 不支持属性选择器
  • 不支持 scoped
  • login / getUserInfo 等功能在模拟器(开发工具)上不能模拟
  • 支付功能模拟不了
  • map 组件在开发工具上预览效果不对,但是手机上是对的。
  • getSystemInfo 获取到的 windowHeight 在模拟器中值不正确,真机预览是正确的。
  • v-if 和 v-for 不可在同一标签下同时使用
  • 页面中引入自定义组件时,渲染的结果中外层会有一个 template 标签,这会导致部分选择器对应的样式匹配不上。
  • 未完待续...

支付宝小程序

支付宝小程序的规范差异相对较多,API 部分的差异请仔细参考文档说明:https://uniapp.dcloud.io/api/README

比较明显的一个点就是,媒体部分支付宝小程序只有图片,而没有音视频。

支付宝分包,需要HBuilderX 2.2.3 alpha以上版本才支持。

已知的差异/问题:

  • showLoading 是不透传的,也就是说 loading 显示的时候无法点击页面内容。
  • 文件名或文件夹名中不允许出现 @ 符号
  • 网络请求返回的数据会严格按照 dataType 进行处理,如果不符合规范则会跑错错误,而不是按照原格式返回。
  • canvas 组件的标识是 id,而不是 canvas-id。目前还未进行处理,所以需要主动添加 id 属性。
  • 目前测试的结果,导航栏只有设置背景颜色为 #FFF(FFF) 时才会变成黑色文字。
  • 支付宝小程序的导航栏是支持透明渐变效果的,后面会提供相关的配置。
  • 使用伪元素做边框时,高度值不能用 1upx,需要直接用 1px。
  • 不支持 ECharts
  • 支付功能模拟不了
  • 未完待续...

更多差异

小伙伴们如果有其它发现,欢迎在社区向我们反馈,共同完善 uni-app 生态。

更多实现的细节,还在持续完善中。如果在开发过程中遇到一些问题或发现差异,在向我们反馈之前,建议阅读下相应平台的文档,以便更加精准地定位问题。

6 关注 分享
w***@163.com sonicsunsky 鸟鸟 Christian 梁飞鸿 1***@qq.com

要回复文章请先登录注册

困难总比办法多

困难总比办法多

回复 前端学习者 :
使用::v-deep
2024-03-12 15:10
C4

C4

支付宝小程序tabbar页面安卓机非wifi情况切换有不触发onShow情况
2021-07-02 09:43
tangtang539

tangtang539

地图上的控件在微信小程序能正常显示,支付宝不行
2021-06-30 11:44
bremans

bremans

uniapp无法使用支付宝小程序原生插件
2021-04-29 18:03
小白1234

小白1234

支付宝小程序全息检测报:resolve' is not defined ,造成无法提交代码,想知道是哪里写的不对
2021-04-13 19:54
3***@qq.com

3***@qq.com

支付宝小程序,地图设置markers @labeltap,没响应,同样的代码在微信端app都可以点击有相应
2021-04-12 10:06
3***@qq.com

3***@qq.com

nvue下设置swiper 垂直方向不生效,里面的内容也不见了。里面嵌套的是video 不设置方向默认水平就好了,是不是BUG ,nvue里面
2021-04-07 14:16
9***@qq.com

9***@qq.com

video组件中的@timeupdate事件,在支付宝小程序编译测试的时候不触发,有知道的大佬吗
2021-01-29 11:28
霜降未至

霜降未至

pages中stylel里面条件编译,运行支付宝小程序需要以支付宝的条件编译为结尾,运行微信小程序需要以微信的条件编译为结尾,不然会报错
2020-10-12 10:07
霜降未至

霜降未至

pages中stylel里面条件编译,运行支付宝小程序需要以支付宝的条件编译为结尾,运行支付宝小程序微信小程序需要以微信的条件编译为结尾,不然会报错
这样的话条件编译的意义何在
2020-10-12 10:07