摘要:和部分組件表現(xiàn)的差異微信最小化后正在播放的會暫停,需要再次點(diǎn)擊播放按鈕,如果視頻設(shè)置的是不可控,沒有開始播放按鈕,視頻暫停了就無法繼續(xù)播放了,沒有該問題。
1、原生組件的層級問題
video、canvas、camera等原生組件層級最高,其他組件無論z-index為多少,都無法覆蓋在原生組件上。
這里拿video組件做示例,如果需要點(diǎn)擊視頻支持微信開放能力,例如授權(quán)手機(jī)號,獲取用戶信息等,必須要利用button組件,如果在原生組件外層添加button組件,點(diǎn)擊視頻并不會觸發(fā)button事件,代碼如下,這里點(diǎn)擊視頻并不會彈出授權(quán)手機(jī)提示,觸發(fā)getPhoneInfo函數(shù)。
解決辦法:利用 cover-view 組件,原生組件只支持嵌套cover-view和cover-image組件,且cover-view內(nèi)可以使用button。
代碼如下,同時用css隱藏button,并全覆蓋video即可實(shí)現(xiàn)點(diǎn)擊視頻彈出授權(quán)手機(jī)提示,此時點(diǎn)擊控制欄無效。這里視頻是自動播放不可控,如果需要控制視頻或者是自定義播放按鈕圖標(biāo)等,可以在button內(nèi)嵌套cover-image自定義即可。
tips:video的層級問題在開發(fā)者工具中不會顯露出來,z-index會起作用,一定要在真機(jī)上測試。
2、ios和android部分組件表現(xiàn)的差異 iosvideo:微信最小化后正在播放的video會暫停,需要再次點(diǎn)擊播放按鈕,如果視頻設(shè)置的是不可控,沒有開始播放按鈕,視頻暫停了就無法繼續(xù)播放了,android沒有該問題。
解決辦法:創(chuàng)建video上下文VideoContext 對象,頁面每次onShow的時候執(zhí)行相應(yīng)操作。
onReady: function () { this.videoContext = wx.createVideoContext("video") }, onShow: function () { if (this.videoContext) { this.videoContext.play() } },android
input:限制了輸入的最大長度,達(dá)到最大長度后再次輸入是沒有顯示的,但是input的value值包含最大長度后面的輸入。
phoneChange: function(e){ console.log("e.detail.value) //小鍵盤輸入12345,實(shí)際獲取到的ios的值為1234,android是12345,input組件顯示的是1234 }3、登錄之后的session_key失效
冷啟動進(jìn)入小程序,app.js在onLaunch調(diào)用登錄接口,通過登錄code,后端拿到session_key之后,后續(xù)可解密encryptedData(getPhoneNumber,getUserInfo),校驗(yàn)用戶信息signature(getUserInfo),如果后續(xù)用戶一直是熱啟動進(jìn)入小程序,不會在onLaunch中重新登錄,同時用戶沒有在小程序有過操作從而延長session_key的有效期,后續(xù)操作就會出現(xiàn)session_key失效,報錯。
解決辦法:在onShow中調(diào)用登錄接口,同時為了避免沒必要的調(diào)用,可通過wx.checkSession( )檢查登錄狀態(tài)是否過期,如果過期就重新登錄,代碼如下。
onShow: function () { wx.checkSession({ success: () => { wx.login({ success: res => { if (res.code) wx.request({ // 換取openid,session_key等信息 url: "https://test.com/onLogin", data: { code: res.code }, }) } }, }) }, }) },4、預(yù)覽文檔問題
兩種方法
1 web-view組件在微信后臺設(shè)置好域名后直接調(diào)用
如圖所示:
但是android會下載該文件,這并不是用戶想看到的,也可以考慮用以下方法。
2 wx.openDocument( )wx.downloadFile({ url: "http://example.com/somefile.pdf", success: function(res) { const filePath = res.tempFilePath wx.openDocument({ filePath: filePath, success: function(res) { console.log("打開文檔成功") } }) } })
效果圖如下:
對比兩個方法的效果圖,可以看到方法2是跳出了小程序的,無法使用小程序提供的功能菜單了。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/98895.html
摘要:資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能,只能在線上環(huán)境有用,而且沒有提供測試的渠道。二微信小程序激勵視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵視頻廣告組件是一個原生組件,層級比普通組件高。 大綱:根據(jù)近期我在小程序開發(fā)中接到的需求,總結(jié)一下下面四個開發(fā)需求所遇到的問題: 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索(sitemap 配置);2、微信小程序的激勵視頻廣告...
摘要:資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能,只能在線上環(huán)境有用,而且沒有提供測試的渠道。二微信小程序激勵視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵視頻廣告組件是一個原生組件,層級比普通組件高。 大綱:根據(jù)近期我在小程序開發(fā)中接到的需求,總結(jié)一下下面四個開發(fā)需求所遇到的問題: 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索(sitemap 配置);2、微信小程序的激勵視頻廣告...
摘要:資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能,只能在線上環(huán)境有用,而且沒有提供測試的渠道。二微信小程序激勵視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵視頻廣告組件是一個原生組件,層級比普通組件高。 大綱:根據(jù)近期我在小程序開發(fā)中接到的需求,總結(jié)一下下面四個開發(fā)需求所遇到的問題: 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索(sitemap 配置);2、微信小程序的激勵視頻廣告...
摘要:問題添加微信廣告的小程序在正式上線并且通過審查后,如果有除了純展示的其他需求,比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎勵。 場景:微信小程序中添加廣告,可以是微信廣告和自定義廣告的自適應(yīng)布局; 問題:微信廣告在小屏(比如:320)手機(jī)上或是設(shè)置ad組件父組件寬度小于300px,內(nèi)容會超出布局范圍; 截圖效果:showImg(https://segmentfault.com/img/bVbq...
閱讀 2079·2021-09-29 09:35
閱讀 676·2021-09-08 09:36
閱讀 3389·2021-09-03 10:30
閱讀 2109·2019-08-30 14:21
閱讀 2905·2019-08-30 11:18
閱讀 3306·2019-08-29 17:31
閱讀 3136·2019-08-29 17:29
閱讀 1300·2019-08-29 17:13