我们如何自定义小程序的top和，也就是自定义小程序页面的导航栏呢？下面就来为你解答。

那么如何自定义呢？通过app.js中设置属性，默认值为''，自定义值为''。

默认的表头样式如下：

自定义表头样式如下图所示：

可以看到自定义头部样式的时候只保留了胶囊部分，其他部分可以自行实现。

视频级别问题：

场景：页面上有标签，有弹窗，页面底部有按钮，这两部分不允许重叠。

解决：官方说的覆盖组件的方式是通过-view，但是由于不支持样式以及自身的问题（见上文），所以我们没有使用-view。解决的办法是使用图片和交替显示。初始显示一张图片，点击播放时切换组件显示。当页面滚动出现弹框时，隐藏视频组件。注意是隐藏，通过属性隐藏，而不是直接用wx:if杀掉，因为视频播放中途暂停，下次播放需要从上次结束位置开始。如果用wx:if，无疑会增加实现的难度。

总结：

本文从框架、API、组件、应用入手，讲解开发过程中遇到的问题，问题分析比较简单，但相当实用，希望能给读者提供一些帮助。同时，面对小程序时的心态也从最初的“纯API编程”转变为敬畏。看似简单的外表下，会隐藏着一系列棘手的情况。这里做个总结，欢迎大家留言评论！