uniapp 任务栏顶部导航适配

ゝ一世哀愁。 2021-09-18 06:12 645阅读 0赞

uniapp 任务栏顶部导航适配

一、问题说明:

  • 1、问题:手机型号不一样头部导航显示样式和高度都不一样,例如:刘海屏、挖孔屏
  • 2、解决思路:

    • 利用uni.getSystemInfo() 获取手机设备的型号信息,获取手机状态栏的信息statusBarHeight,在给顶部导航设置高度时比例高度加上状态栏的高度
    • 比例高度x:750/100 = screenWidth / x
      20201023151100273

二、代码示例:

  • 下面代码直接是一个头部组件:可以直接使用

发表评论

表情:
评论列表 (有 0 条评论,645人围观)

还没有评论,来说两句吧...

相关阅读