uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法 |
您所在的位置:网站首页 › xperia隐藏导航栏 › uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法 |
方法1:在pages.json { ... "pages": [ { "path": "XXXX", "style": { "navigationBarTitleText": "导航栏", "navigationStyle": "custom" // 使用自定义导航栏,系统会关闭默认的原生导航栏 } }, ... ] ... }原生小程序也可以采用类似的方法去掉顶部,让头部变透明 小程序页面顶部导航栏navigationBar如何隐藏、变透明?_你挚爱的强哥的博客-CSDN博客小程序顶部的白色背景条就不见了,直接变透明,只剩下右上角的胶囊按钮。 方法2:在pages.json { ... "pages": [ { "path": "XXXX", "style": { "navigationBarTitleText": "导航栏", "app-plus": { "titleNView": false //禁用原生导航栏 } } }, ... ] ... }方法3:用css隐藏 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果要禁用所有页面的导航栏在pages.json { ... "globalStyle": { "app-plus": { "titleNView": false //禁用原生导航栏 }, ... }, ... }
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |