小程序顶部导航自定义颜色设置 · 家政上门服务文档

# 一、效果演示设置效果(一) ![](https://img.kancloud.cn/6f/2e/6f2e33de7ad1125f7acc54a9767d8c00_884x786.png) 设置效果(二) ![](https://img.kancloud.cn/03/51/03516a7e3260af4edfeadde1b746b400_860x696.png) # 二、设置方法 1、点击参数设置可以看到 “顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”、“顶部导航文本颜色” 三个选项 ![](https://img.kancloud.cn/62/56/6256d1b8857ebafd8c1a670a9fa55fce_1500x400.png) 2、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号，如我们此处输入 #f953c6 ，点后点击确认 3、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号，如我们此处输入 #b91d73 ，点后点击确认 4、“顶部导航文本颜色” 我们默认为白色代码 #FFFFFF 5、点击提交按钮，然后预览小程序效果如下 ![](https://img.kancloud.cn/30/d6/30d692a8bf113c31f3363a02cd493ef7_1134x1188.png) 6、如果想设置单一颜色，将“顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”设置为相同的即可，如我们设置成红色代码 #FF0000 ![](https://img.kancloud.cn/10/64/1064d5628bbc6ebd76fc1a27ebc4964e_1500x624.png) 7、效果如下 ![](https://img.kancloud.cn/71/9d/719d8bb6bff413205cb0765868d06268_1284x978.png) 8、顶部颜色设置 ![](https://img.kancloud.cn/7f/31/7f319445c914b52c339b4934045e187a_1536x1158.png) 9、效果如下 ![](https://img.kancloud.cn/2d/b6/2db64c6e3e8337b44de71404d69f430a_1492x1208.png)