# 小程序顶部导航自定义颜色设置
# 一、使用工具
渐变色参考:<https://uigradients.com/#Wiretap>
# 二、效果演示
设置效果(一)
![](https://img.kancloud.cn/46/9a/469a3c5d578d0c5b9a8a85a7e20e2544_710x625.png)
设置效果(二)
![](https://img.kancloud.cn/74/4e/744e2701d84009b5457ca12629d75533_786x632.png)
# 三、设置方法
1、将小程序升级到3.9.34版本以上/
2、点击参数设置可以看到 “顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”、“顶部导航文本颜色” 三个选项
![](https://img.kancloud.cn/cd/92/cd927600fab7f41a0a950d3d4084da8a_1586x465.png)
3、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号,如我们此处输入 #f953c6 ,点后点击确认
4、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号,如我们此处输入 #b91d73 ,点后点击确认
5、“顶部导航文本颜色” 我们默认为白色 代码 #FFFFFF
6、点击提交按钮,然后预览小程序效果如下
![](https://img.kancloud.cn/7c/c2/7cc2338be428b330c4aa712d45c45525_795x821.png)
7、如果想设置单一颜色,将“顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”设置为相同的即可,如我们设置成红色 代码 #FF0000
![](https://img.kancloud.cn/09/2f/092f744c20f9270aad5f6781d2f0bdb3_927x388.png)
8、效果如下
![](https://img.kancloud.cn/16/cd/16cd2e51ab6134d09912ba780b23200a_774x532.png)
9、顶部颜色设置
![](https://img.kancloud.cn/ca/45/ca45a2e3390fa7f61272d93ade78421a_1044x798.png)
10、效果如下
![](https://img.kancloud.cn/74/4e/744e2701d84009b5457ca12629d75533_786x632.png)
操作不懂的联系售后微信。有需要购买使用的也可以联系微信