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 生态。
更多实现的细节,还在持续完善中。如果在开发过程中遇到一些问题或发现差异,在向我们反馈之前,建议阅读下相应平台的文档,以便更加精准地定位问题。
- 支付宝小程序开发文档
- 百度智能小程序开发文档