版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
關(guān)于使?uni-app過程中遇到的問題和技巧合集1.?程序跳轉(zhuǎn)?程序打開manifest.json?件-源碼視圖,在對應(yīng)?程序平臺源碼中加?“navigateToMiniProgramAppIdList”:“?標?程序appid”(?者必須關(guān)聯(lián)同?主體)2.百度?程序、頭條?程序、?付寶?程序?法同時播放背景?樂和?頻(?如按鈕?樂)按鈕?樂會打斷背景?樂的播放(?者只能播放?個),解決?法:通過條件編譯,聲明兩個?頻對象,不使?背景?樂對象,例如百度//#ifdefMP-BAIDU這個api是百度特有,可以同時使?多個?頻對象swan.setInnerAudioOption({mixWithOther:true,success:res=>{},fail:err=>{console.log('setInnerAudioOptionfail',err);}});varbgAudioMannager=swan.createInnerAudioContext();varinnerAudioContext=swan.createInnerAudioContext();//#endif//#ifdefMP-TOUTIAOvarbgAudioMannager=tt.createInnerAudioContext();varinnerAudioContext=tt.createInnerAudioContext();//#endif//#ifdefMP-ALIPAYvarbgAudioMannager=my.createInnerAudioContext();varinnerAudioContext=my.createInnerAudioContext();//#endif3.關(guān)于?付寶?程序按鈕膠囊位置獲取除了?付寶?程序外,其他平臺?程序均可以使?以下代碼獲取按鈕膠囊位置letres=uni.getSystemInfoSync();constmenuButtonInfo=uni.getMenuButtonBoundingClientRect()lettitleBarHeight=res.platform=='ios'?44:48;lettop=res.statusBarHeight+(titleBarHeight-32)/2;letbuttonTop=menuButtonInfo.top+menuButtonInfo.height;letbuttonRight=res.windowWidth-menuButtonInfo.right+menuButtonInfo.width/2+20;letbutton={buttonRight:buttonRight,buttonTop:buttonTop}ps:top為膠囊到?機頂部的距離;buttonTop為膠囊本??度加上距離頂部的?度;buttonRight膠囊中“三個點”的按鈕到?機最右側(cè)的距離。(單位都是px)?付寶?程序需要通過條件編譯來單獨處理(并且要通過真機調(diào)試,?具太爛了,?法獲取到模擬機型信息):constres=my.getSystemInfoSync();constmenuButtonInfo=uni.getMenuButtonBoundingClientRect()lettitleBarHeight=res.platform=='iOS'?44:48;lettop=res.statusBarHeight+(titleBarHeight-32)/2;letbuttonTop=top+res.statusBarHeight;letbuttonRight=res.windowWidth-menuButtonInfo.right+menuButtonInfo.width/2+20;letbutton={buttonRight:buttonRight,buttonTop:buttonTop}ps:?付寶?程序獲取?機信息卸載app.vue?件中不會?效,所以??實實封裝?個函數(shù)吧。?般全屏的?程序(導(dǎo)航欄透明)都需要這個操作,因為?付寶?程序?帶導(dǎo)航欄,并且還會在左上?顯??程序名稱,所以我們再加?步:"globalStyle":{//#ifdefMP-ALIPAY"navigationBarTitleText":"",//設(shè)置標題為空,就不會顯??程序名稱了//#endif"titlePenetrate":"YES",//?付寶?程序特有"navigationStyle":"custom",//沉浸式導(dǎo)航欄"transparentTitle":"always",//導(dǎo)航欄透明"disableScroll":true//禁?頁?上線滑動}4.?付寶?程序中的v-show沒錯,還是?付寶?程序的問題,我們?般寫選項卡的時候會?v-show來控制顯?隱藏,因為v-if會重新創(chuàng)建組件,所以?較耗內(nèi)存,?且體驗不好(頻繁使?v-if來顯?隱藏組件會導(dǎo)致組件閃爍),但是?付寶?程序中的v-show并不能控制選項卡的顯?/隱藏,因為它會始終顯?,?論你怎么改data中的值,即使?jié)M?條件也不會隱藏,所以我們還是通過條件編譯再使?v-if來做選項卡吧!5.關(guān)于各平臺?程序字體問題開發(fā)時候在微信?程序上正常顯?的字體,在其他?程序上都顯?“宋體”,著說明了微信?程序?持的字體其他?程序并不?定?持(部分?程序開發(fā)?具上看不出來,要真機實測),實測“PingFangSC”全平臺?持,所以若要開發(fā)多平臺?程序,請先試下各平臺是不是都?持該字體,不然回頭改就要命了!6.關(guān)于原?組件的問題(后續(xù)繼續(xù)更新)1.switch組件的背景?問題uni-app中的color中的屬性可以直接更改背景?然?突出的?付寶同學(xué)則不?!解決辦法:通過條件編譯寫上?內(nèi)樣式就?了style="background-color:#6A9E29;"7.審核問題(?前已知親測的)1.頭條?程序不?持游戲類?程序,也就是說只能做?游戲。2.微信?程序不?持?賺,?如通過做任務(wù)獲得積分抽獎、提現(xiàn)什么的3.QQ?程序會根據(jù)?程序的介紹來測試你的?程序中有沒有對應(yīng)的功能,如果沒有,請改?程序介紹?。?聲BB:QQ?程序?qū)徍俗盥?,起步兩三天,微信和百?程序最快,百度還有短信通知,很奈斯)8.開發(fā)者?具問題先??句話總結(jié):除了騰訊旗下的?具(微信、QQ),其他都是垃圾!?付寶:很多api都不?持?具預(yù)覽,操作習慣反?類百度:調(diào)試?煩的?批,?且緩存有點問題,也看不到appData(菜單是有但是沒有數(shù)據(jù))頭條?程序:垃圾中的戰(zhàn)?機!經(jīng)常?法打開項?(已知轉(zhuǎn)圈),最惡?的是連http請求都看不到,要啥啥沒有我咋調(diào)試?9.canvas的問題1.drawImage()?法微信?程序不?持?絡(luò)圖?繪制?付寶?程序不?持本地圖?繪制2.canvas組件?付寶最好?原?的canvas組件,寫上id和width、heightuni-app為?內(nèi)樣式和canvas-id<canvasstyle="width:250px;height:200px;"canvas-id="shareCanvas"id="shareCanvas"width='250'height='200'></canvas>3.把canvas?成圖??付寶?程序?原?api//#ifdefMP-ALIPAYcontext=my.createCanvasContext('shareCanvas');//#endif```javascript//#ifdefMP-ALIPAYcontext.toTempFilePath({x:0,y:0,width:250,height:200,destWidth:250,destHeight:200,success:(res)=>{console.log(res)this.shareImg=res.apFilePath},fail:(err)=>{console.log(err)}},this)//#endif其他平臺?成圖?://#ifndefMP-ALIPAYuni.canvasToTempFilePath({x:0,y:0,width:250,height:200,destWidth:250,destHeight:200,canvasId:'shareCanvas',success:(res)=>{console.log(res)this.shareImg=res.te
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2023-2024學(xué)年江蘇省無錫市江陰市華士實驗學(xué)校九年級(上)第一次段考數(shù)學(xué)試卷
- 滬科版八年級數(shù)學(xué)上冊期末素養(yǎng)綜合測試(二)課件
- 魯教版八年級數(shù)學(xué)上冊專項素養(yǎng)綜合練(八)旋轉(zhuǎn)中的三種常用模型課件
- 七年級上冊英語基礎(chǔ)語法
- 【核心素養(yǎng)】部編版小學(xué)語文一年級上冊 -預(yù)備單元:1 我是中國人-教案(含教學(xué)反思)
- 化 學(xué)物質(zhì)組成的表示課件 2024-2025學(xué)年九年級化學(xué)人教版(2024)上冊
- 期中綜合測試卷(試題)2024-2025學(xué)年統(tǒng)編版語文四年級上冊
- 青島版五四制一年級科學(xué)下冊教案(第一單元)
- 第一課件網(wǎng)教學(xué)
- 二年級上冊道德與法治教學(xué)設(shè)計-歡歡喜喜慶國慶-1(統(tǒng)編版)
- 湖南省長沙市長郡集團五校聯(lián)考2023-2024學(xué)年八年級上學(xué)期期中地理試題( 含答案解析 )
- 服裝品牌運作西班牙快速時尚品牌ZARA-案例研究
- 信息化運維項目評分辦法及評分標準
- 新青島版科學(xué)四年級上冊全冊實驗匯總實驗專項
- 文件更改記錄表
- 小班繪本教學(xué)《藏在哪里了》課件
- 市政道路施工揚塵治理方案
- 路由器交換機配置全套教案
- 遼寧省大連市中山區(qū)2023-2024學(xué)年九年級上學(xué)期期中物理試卷
- 沈陽遼能康平300MW風電項目220千伏送出工程環(huán)境影響報告
- 2024屆河北省涿州市實驗中學(xué)九年級物理第一學(xué)期期中檢測模擬試題含解析
評論
0/150
提交評論