uniapp自定义标题全机型适配

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uniapp自定义标题全机型适配相关的知识，希望对你有一定的参考价值。

uniapp开发中，我们经常遇到自定义标题的时候，但是现在市面机型各式各样所以我们需要为各种手机做适配，今天我们共享下所有手机标题适配的开发，来干货

获取当前机型的顶部保护高度

var sale_top=uni.getSystemInfoSync().safeArea.top;

在wxml顶部预制一个顶部view

<view :style="safe_view"></view>

设置style样式 js

这里是引用

this.safe_view = 'height:'+sale_top+'px';

展示效果

以上是关于uniapp自定义标题全机型适配的主要内容，如果未能解决你的问题，请参考以下文章