微信小程序制作的时候顶部可以自定义吗

今天跟大家聊聊微信小程序顶部的事情，微信小程序顶部默认是微信自带的导航栏，可以修改背景颜色，修改标题，文字颜色，左边的按钮是根据页面结构自动生成返回或者首页按钮。如下图



但对于小程序设计师来说，可能会限制他的发挥，在小程序制作过程中，偶尔会遇到一些特殊的需求，如下设计图。





那么小程序可以自定义顶部吗？答案是可以的，那么，如何设置顶部自定义呢？，很简单一个配置就搞定，可以全局设置，也可以单页设计，只要在app.json或者页面配置json文件中配置"navigationStyle":"custom"即可，如下代码

"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor":"#FFD400",
"navigationBarTitleText":"小程序开发",
"navigationBarTextStyle":"white",
"navigationStyle":"custom"
},

这里有个问题就是，右上角的胶囊按钮是没办法去掉的，所以设计师在设计的时候需要注意。

顶部设置为自定义后，中间的标题和左上角的按钮是没有了，大家可以在页面代码上实现。

很多开发者也开发了一些小程序插件来自定义，非常方便使用。

实搜网络从小程序预发布开始就研究其开发制作，目前已拥有完善的小程序定制开发流程，还有成熟的小程序商城系统，欢迎有需求客户咨询我们在线客服。

标签：