wangshi@wangshiweb.com

024-88881388

网势动态

网势动态

网势动态

您当前的位置:主页 > 新闻中心 > 网势动态 >

沈阳投票系统开发:iphoneX兼容之自定义底部菜单

当我们需要自定义底部导航栏时 首先要解决iphoneX的底部大横条对这个兼容 通常沈阳投票系统开发不设置兼容 都会被挡住
  当我们需要自定义底部导航栏时 首先要解决iphoneX的底部大横条对这个兼容 通常沈阳投票系统开发不设置兼容 都会被挡住

  如何编写?

  在你要编写的底部菜单中插入 padding-bottom: calc(env(safe-area-inset-bottom) / 2) 即可兼容

  @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {

  .fixed-wrap {

  height: calc(env(safe-area-inset-bottom) /2);

  width:100%;

  }

  .fixed-pay {

  padding-bottom: calc(env(safe-area-inset-bottom) /2);

  }

  }

  其中 env(safe-area-inset-bottom) 是计算兼容的高度 通常一半即可 calc 是计算css 你也可以加入高度 假设有第二层 底部固定栏

  view.footer {

  bottom: calc(100rpx + env(safe-area-inset-bottom));

  }

  这样轻轻松松解决兼容 不需要写js代码

  <-------------大横条------------->

沈阳投票系统开发
 

  <-------------自定义底部示例------------->

沈阳投票系统开发

相关新闻

沈阳网势科技有限公司,专业从事企业网站建设、沈阳APP开发、沈阳小程序制作、分销系统开发、投票系统开发、易企秀制作等,联系电话:024-88881388。网势科技 版权所有©2017
   辽ICP备13011422号-4   网站XML地图

网站地图 | 联系我们