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

85次阅读

共计 777 个字符，预计需要花费 2 分钟才能阅读完成。

不得不说, 任何一个开发者遇到苹果手机都会或多或少须要做适配, 在应用 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 外面的页面都是后盾配置好的)
目前这是我遇到的苹果端适配问题以及解决办法, 还有其余对于小程序苹果端的适配问题, 大家网上去搜寻一大把, 解决办法大佬们都写了, 我再此就不反复他人的成绩了.

正文完