uni-app开发小程序适配苹果端采坑总结

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

1.由于页面大多数内容都是动态获取,当页面高度不给固定值时,让其随内容的填充自适应的时候,iPhoneXS 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里面的页面都是后台配置好的)
目前这是我遇到的苹果端适配问题以及解决办法,还有其他关于小程序苹果端的适配问题,大家网上去搜索一大把,解决办法大佬们都写了,我再此就不重复别人的成果了.