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
• 支付功能模擬不了
• 未完待續...