小程序如何实现自定义标题栏（头部导航栏）

首先，我们需要了解如何设置标题栏透明：[url]https://openclub.alipay.com/read.php?tid=13793&fid=101[/url]；

以及如何获取状态栏和标题栏高度：[url]https://openclub.alipay.com/read.php?tid=13796&fid=101&page=1[/url]。

根据上面所学之后，那么我们开始实现自定义标题栏：

1.在app.json里设置不透明：

2.在页面page.json里配置透明效果，且标题title为空：

3.页面标题栏透明后，页面的组件元素都会往上顶到状态栏里，所以我们需要获取状态栏高度和标题栏的高度，标题栏高度就是自定义标题栏的高度，状态栏高度则是标题栏上外边距，话不多说，上代码，先是page.js里需要先调用my