小程序头部导航栏添加图片背景

原理老世: 通过将原来的头禁用，页面自然而然的就会顶上去，然后封装一个导航栏的组件

这里是用uniapp开发的

下面是效果图:

首先禁用所有头导航，在pages.json的window里加一行这个，你会发现所唯含尺有头都消失了。

也可以只改某个页面的头部

wxml文件

scss文件

3.具体页面

4.小程序胶囊指高颜色修改

pages.json

"navigationBarTextStyle":"white"

"navigationBarTextStyle":"black"

打开手机主屏幕设置，设置（往下找）通用，再找到辅助功能打开，显示调节打开。这里有两种模式：智能反转（偏绿），或者经典反转（偏红）。

反转颜色就是将系统默认白色背景转为枯卖嫌黑色背配桐景，很多眼障人群比如高龄老人，对于白色背景浅色文字的辨识不是很清楚，反转颜色后能较好的辨识屏幕内容。在环境光线太暗的地方，没手反转颜色也能有更好的感官体验。

---