小程序资讯

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

小程序常见问题 2020-05-30 08:55:53 | 阅读:2101 | 作者:方维网络 | 标签:小程序开发    

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

小程序顶部

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

自定义小程序顶部设计

自定义小程序顶部设计2

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


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

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

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

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

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