有时我们需要一些特殊的头部导航栏页面,取消传统的导航栏,来增加页面的美观度。
下面我就教大家如何配置:
一、效果图
二、实现
首先在uniapp中打开pages.json配置文件,在单个路由配置style里面设置导航栏样式navigationStyle属性:
配置之后在页面上自定义你想要的导航栏及样式:
注意:只是在微信开发者工具软件上头部文字的位置和在手机上的位置有出入,你要自己再调整一下;好像是距离头部132rpx刚刚好,你们可以试一下;
有时我们需要一些特殊的头部导航栏页面,取消传统的导航栏,来增加页面的美观度。
下面我就教大家如何配置:
首先在uniapp中打开pages.json配置文件,在单个路由配置style里面设置导航栏样式navigationStyle属性:
配置之后在页面上自定义你想要的导航栏及样式:
注意:只是在微信开发者工具软件上头部文字的位置和在手机上的位置有出入,你要自己再调整一下;好像是距离头部132rpx刚刚好,你们可以试一下;
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/22849.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!