uniapp开发小程序适配苹果端采坑总结

不得不说,任何一个开发者遇到苹果手机都会或多或少须要做适配,在应用uni-app开发小程序时,我就发现不少须要兼容的中央,明天做个小结

1.因为页面大多数内容都是动静获取,当页面高度不给固定值时,让其随内容的填充自适应的时候,iPhoneX Max手机在页面底部会呈现白版,安卓手机不会有此景象. 解决办法:

    //通过获取零碎信息拿到屏幕宽高比,    const SCREEN_WIDTH = 750    const RATE = wx.getSystemInfoSync().screenHeight / wx.getSystemInfoSync().screenWidth    data(){        ScreenTotalH: SCREEN_WIDTH * RATE, //拿到实在手机高度    }    //展现内容高度    <view class="main" :style="{height:ScreenTotalH+'rpx'}">    //这样后苹果大屏手机内容底部不会白板

2.获取到工夫字符串"2020-07-12 09:00:30" ,当我截取后取时和分为单位,如果时为"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外面的页面都是后盾配置好的)
目前这是我遇到的苹果端适配问题以及解决办法,还有其余对于小程序苹果端的适配问题,大家网上去搜寻一大把,解决办法大佬们都写了,我再此就不反复他人的成绩了.