uni-app · 支付宝小程序踩坑

自己踩的：

• 1.<canvas>要用id，而不是canvas-id，用的时候都写上

<canvas 
 style="position:absolute;left:-99999upx;background:#f1f1f1;" 
:style="{width:width+'px',height:height+'px'}"
 canvas-id="qrcodeCanvas" 
 id="qrcodeCanvas"></canvas>
复制代码

• 2.保存图片用my.saveImage，而不是saveImageToPhotosAlbum

// #ifdef MP-ALIPAY
if (type === 1) {
	my.saveImage({
		url: this.img,
		success: res => {
			console.log('saveImage', res)
			this.$success('保存成功')
		},
		fail: err => {
			console.error('saveImage err', err)
			this.$toast('保存失败')
		},
	})
}
// #endif
复制代码

• 3.@click.stop好像不起作用

已知：

ask.dcloud.net.cn/article/353…

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

转载于:https://juejin.im/post/5d01f0c5e51d4556dc293616