不得不說,任何一個開發(fā)者遇到蘋果手機都會或多或少需要做適配,在使用uni-app開發(fā)小程序時,我就發(fā)現(xiàn)不少需要兼容的地方,今天做個小結(jié)
1.由于頁面大多數(shù)內(nèi)容都是動態(tài)獲取,當(dāng)頁面高度不給固定值時,讓其隨內(nèi)容的填充自適應(yīng)的時候,iPhoneXS Max手機在頁面底部會出現(xiàn)白版,安卓手機不會有此現(xiàn)象. 解決辦法:
//通過獲取系統(tǒng)信息拿到屏幕寬高比,
const SCREEN_WIDTH = 750
const RATE = wx.getSystemInfoSync().screenHeight / wx.getSystemInfoSync().screenWidth
data(){
ScreenTotalH: SCREEN_WIDTH * RATE, //拿到真實手機高度
}
//展示內(nèi)容高度
<view class="main" :style="{height:ScreenTotalH+'rpx'}">
//這樣后蘋果大屏手機內(nèi)容底部不會白板
2.獲取到時間字符串"2020-07-12 09:00:30" ,當(dāng)我截取后取時和分為單位,如果時為"00"時,頁面<text>{{dian}}點</text>,顯示為'0'而不是我要的'00',這個問題十分奇葩,雖然不是大的影響,加個三目判斷:<text>{{dian=='00'?'00':dian}}點</text>,就ok.
3.有時候小程序需要顯示APP分享過來的H5頁面,或者小程序本身需要顯示H5頁面時,需要配置https的域名,不然會無法正常顯示娇钱。補充:(H5頁面一般通過<web-view :src="src"></web-view>來展示,SRC里面的頁面都是后臺配置好的)
目前這是我遇到的蘋果端適配問題以及解決辦法,還有其他關(guān)于小程序蘋果端的適配問題,大家網(wǎng)上去搜索一大把,解決辦法大佬們都寫了,我再此就不重復(fù)別人的成果了.
