app直播源码，uniapp之自定义顶部样式

app直播源码，uniapp之自定义顶部样式

 

1

//需要自定义顶部样式的页面配置<br>{<br>"path" : "pages/case/index",<br>"style" :                                                                                    <br>{<br>    "navigationBarTitleText": "案例",<br>"navigationStyle": "custom",<br>    "enablePullDownRefresh": true<br>}<br>},<br> <br>//默认顶部样式<br>{<br>"path":"pages/houseVideo/index",<br>"style" :<br>{<br>"navigationBarTitleText": "云看房",<br>"enablePullDownRefresh": true<br>}<br>},<br> <br> <br> <br>//两者的区别就是navigationStyle参数<br>

​

 

接下来就是自己在需要自定义头部样式的页面   自己编写相关css样式即可

 

涉及到数据就是幸好栏需要的高度和padding值

1

<br>// 计算自定义头部的高度和padding<br>calcCustomPosi() {<br>const systemInfo = uni.getSystemInfoSync(); //获取系统信息同步接口。<br>const menuInfo = uni.getMenuButtonBoundingClientRect(); //<br>let navPadTop = systemInfo.statusBarHeight,<br>navHeight = 0;<br>navHeight = menuInfo.height + (menuInfo.top - navPadTop) + (menuInfo.bottom - menuInfo.height - navPadTop);<br>this.navPadTop = navPadTop + 'px';<br>this.navHeight = navHeight + 'px';<br>}

以上就是app直播源码，uniapp之自定义顶部样式， 更多内容欢迎关注之后的文章