項(xiàng)目場(chǎng)景：

目前本身就有一套完善的微信小程序（兼容h5）的代碼，現(xiàn)在的需求是將它編譯成支付寶小程序，做好兼容的處理，以便后續(xù)接入支付寶服務(wù)商，在這里簡(jiǎn)單記錄一下目前發(fā)現(xiàn)的把微信小程序編譯成支付寶小程序的問(wèn)題和解決方案。

差異記錄：

建議配合其他人的記錄一起看，這里只是我個(gè)人目前發(fā)現(xiàn)的差異。

沉浸式導(dǎo)航：

微信小程序返回按鈕會(huì)消失，而支付寶不消失，且支付寶小程序navigationBarTextStyle不生效

解決方法：只能改變navigationBarBackgroundColor去修改導(dǎo)航欄字體顏色；

文件名：

支付寶文件名或者文件夾名中不允許出現(xiàn) @ 符號(hào)，微信小程序可以

解決方案：別用就是了；

input：

自帶白色底色，且當(dāng)disabled=true時(shí)，input內(nèi)的字體樣式會(huì)變成placehold的字體樣式，自帶內(nèi)邊距

解決方案：全局增加透明背景顏色，padding:0,慎用input的disabled；

image標(biāo)簽：

mode可以不寫(xiě)，但不能為空，否則會(huì)自動(dòng)編譯為mode="true"（微信小程序可以為空）

解決方案：別寫(xiě)mode=""，本來(lái)就不規(guī)范；

request：

支付寶小程序，只支持HTTP協(xié)議里的GET和POST請(qǐng)求，不支持PUT/DELETE請(qǐng)求

解決方法：請(qǐng)求頭字段設(shè)置X-HTTP-Method-Override；

component：

支付寶小程序組件是作為一個(gè)component的標(biāo)簽編譯的，組件綁定v-show和外部class會(huì)失效，而微信小程序不會(huì)，且支付寶標(biāo)簽中的component標(biāo)簽為塊元素

解決方案：根據(jù)場(chǎng)景進(jìn)行解決，不使用外部class；

頁(yè)面跳轉(zhuǎn)：

tabbar 支付寶小程序uni.switchTab中url只能寫(xiě)成'/pages/order/order'，而在微信小程序里可以寫(xiě)成相對(duì)的路徑'pages/order/order'，因此統(tǒng)一寫(xiě)為'/pages/order/order'

解決方案：都用支付寶小程序支持的寫(xiě)法，后者本來(lái)就不規(guī)范；

showToast：

支付寶小程序彈窗時(shí)不可進(jìn)行其他操作，自帶mask

解決方案：必要時(shí)使用hideToast；

picker：

支付寶不支持picker的多列選擇器屬性

解決方案：使用picker-view進(jìn)行替代；

uploadFile：

比其他端上傳文件新增了一個(gè)fileType參數(shù)，必填

解決方案：加上去；

button：

自帶白色border（想不明白）

解決方案：全局border：none；

v-show：

盡量避免使用 v-show （大部分情況不起作用或有問(wèn)題，目前還不清楚具體會(huì)失效的情況，待確認(rèn)）

解決方法： v-if或新增一個(gè)display:none的全局事件；

map組件：

地圖組件不可動(dòng)態(tài)調(diào)整高度，不可在map地圖上使用cover-image不生效

解決方案：只能放棄這部分的效果了文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-494507.html

到了這里，關(guān)于【uniapp】將微信小程序的代碼兼容支付寶小程序（持續(xù)更新）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！