仅在某页面h5隐藏顶部栏，app不隐藏的实现方法

本来以为在某个页面里放这段代码即可隐藏：

/* #ifdef H5 */  
uni-page-head { display: none}  
/* #endif */

经过试验发现放页面的<style>标签里没效果，放App.vue里有效果，但是放App.vue里所有的页面H5都没顶部栏了。

最终只能找个折中的方法，在需要隐藏顶部栏的页面里，onLoad执行

// #ifdef H5  
document.getElementsByTagName('uni-page-head')[0].style.display = 'none'  
// #endif

但是这个方法在网页打开时会闪一下。
其实在页面里放uni-page-head { display: none}如果能有效果的话，是最好的，但是不知道为什么无效。

知道的大神可以指点一下。