ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 一、使用工具 渐变色参考:[https://uigradients.com/#Wiretap](https://uigradients.com/#Wiretap) # 二、效果演示 设置效果(一) ![](https://img.kancloud.cn/96/b4/96b4bd68b3a28fdbcf8fd933adb2fbd6_435x383.png) 设置效果(二) ![](https://img.kancloud.cn/fd/25/fd25fa6cb16651aaf6d910c388558c88_419x337.png) # 三、设置方法 1、将小程序升级到3.9.34版本以上/ 2、点击参数设置可以看到 “顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”、“顶部导航文本颜色” 三个选项 ![](https://img.kancloud.cn/72/9b/729ba502f4b8f9d3d593a13f7bf45215_750x220.png)3、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号,如我们此处输入 #f953c6 ,点后点击确认 4、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号,如我们此处输入 #b91d73 ,点后点击确认 5、“顶部导航文本颜色” 我们默认为白色 代码 #FFFFFF 6、点击提交按钮,然后预览小程序效果如下 ![](https://img.kancloud.cn/34/aa/34aa0ee4de1da2b1c50cc5d0cf8ccdd8_571x590.png) 7、如果想设置单一颜色,将“顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”设置为相同的即可,如我们设置成红色 代码 #FF0000 ![](https://img.kancloud.cn/94/29/942974fae1d5fd19c07708881cd2cc2f_750x314.png)8、效果如下 ![](https://img.kancloud.cn/5a/a1/5aa1371508bdf822dc8a95678ff4ada7_750x516.png)9、顶部颜色设置 ![](https://img.kancloud.cn/9b/e3/9be3407febbf2a1e666aa1a9471f32f0_750x573.png)10、效果如下 ![](https://img.kancloud.cn/8b/10/8b10cf4819f5346f3af71c60e39e99a7_750x603.png)