wx.getSystemInfo({success: function (res){console.log(res)}}) 可以看到,模拟器下,普通屏幕statusBarHeight为20,而刘海屏statusBarHeight为44。 模拟器 非刘海机型 iOS10 statusBar为20 模拟器 刘海机型 iOS10 statusBar为44 真机下,model和模拟器有些出入,但都带iPhone字样。刘海屏statusBarHeight在iOS14和i...
1.先创建一个自定义组件文件 2.把基本wxml及wxss文件写好 3.把返回的箭头点击区域弄大点方便点击 4.把标题部分固定宽度,如果超出宽度省略号显示 5.在js里面调用微信提供的apiwx.getMenuButtonBoundingClientRect()获取胶囊大小及位置 6.上一步,得到的位置动态去设置样式,使用style设置样式 7.如果你有页面原生组件...
整理一下微信小程序自定义导航栏和刘海屏适配问题 1.首先在根据官方文档,我们在小程序修改 app.json 中的 window 的属性 "navigationStyle": "custom" { "pages":[ "pages/index/index", ], "window":{ "navigationBarBackgroundColor": "#fff", "navigationBarTextStyle":"black", "navigationStyle": "cus...
遇到适配问题，就是系统返回的statusBarHeight可能有大有小(因为屏幕，挖空的，刘海的各有自己的机制)，...
微信小程序适配 iPhone X 总结 方法一 js直接调用wx.getSystemInfoSync 底部<viewclass='btn'style="padding-bottom:{{isIPhoneX ? 68 : 0}}rpx;">底部</view>1判断是否是iPhoneXconstapp=getApp()Page({data:{isIPhoneX:false,},onLoad:function(){this.setData({"isIphoneX":this.isIphoneX()})},...
移动端Rem适配(基于vue-cli3 ,ui框架用的是vant-ui) 2019-12-23 16:07 −介绍postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 remlib-flexible 用于设置 rem 基准值 1、安装lib-flexible(用于设置 rem 基准值) npm i -S amfe-flexible 2、在main.js文件中引入lib-fle... ...
【PW早报】网页版Apple Pay进入中国/微信小程序限制iOS用户进行虚拟支付/苹果：7月起所有app必须适配iOS11和刘海屏/阿里影业十五个月营收达33.03亿/马斯克购入985万美元特斯拉股票 PingWest品玩5月8日报道：网页版Apple Pay进入中国 只有iOS用户可以使用 目前已经可以在中国区使用网页版Apple Pay，只不过只有iOS用户在...
哈哈，感谢回答。