自定义导航颜色设置方法 · 家政教程

1 使用工具渐变色参考：[https://uigradients.com/#Wiretap](https://uigradients.com/#Wiretap) 2 效果演示设置效果(一) ![](https://img.kancloud.cn/33/55/3355d9ee903a8acfb3bf96f83a27285b_633x543.png) 设置效果(二) ![](https://img.kancloud.cn/eb/ff/ebff9d38f299fd6847c19d77e0d81fd9_616x447.png) ### **设置方法** 1. 将小程序升级到3.9.34版本以上 2. 点击参数设置可以看到 “顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”、“顶部导航文本颜色” 三个选项![](https://img.kancloud.cn/af/72/af7233bd9e9d187e7290ee0285d19174_2233x655.png) 3. 点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号，如我们此处输入 #f953c6 ，点后点击确认 4. 点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号，如我们此处输入 #b91d73 ，点后点击确认 5. “顶部导航文本颜色” 我们默认为白色代码 #FFFFFF 6. 点击提交按钮，然后预览小程序效果如下 ![](https://img.kancloud.cn/4c/df/4cdf9c367d4470b62af8fd909f3d83a4_795x821.png) 7. 如果想设置单一颜色，将“顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”设置为相同的即可，如我们设置成红色代码 #FF0000 ![](https://img.kancloud.cn/5f/78/5f78337157a5869906fd7a32102afdcd_927x388.png) 效果如下![](https://img.kancloud.cn/02/84/028434af37bdd18e37221fa64b4bb7ac_523x388.png) 8，顶部颜色设置 ![](https://img.kancloud.cn/6b/e7/6be79634764e027b431cd327e25b3bb0_590x444.png) 效果如下 ![](https://img.kancloud.cn/1d/9f/1d9f79e22a116ea34a9c59a4268e383e_467x425.png)