ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 小程序顶部导航自定义颜色设置 # 一、使用工具 渐变色参考:<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) 操作不懂的联系售后微信。有需要购买使用的也可以联系微信