本文简述如何在使用uniapp写代码的时候去掉H5页面顶端红色区域,
直接展示绿色区域并适配小程序端
navbar组件这里就不展开说了,内容看我往前第2篇blog
写完要在page.json里对想要使用自定义navbar的页面进行编辑,这里以index页面为例
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "home-page",
"enablePullDownRefresh": true
},
//设置使用组件及其名称、来源
"usingComponents": {
"nav-bar": "/commpents/nav-bar/nav-bar"
}
}
]
然后对全局配置做修改
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigat