企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 一、使用工具 渐变色参考:[https://uigradients.com/#Wiretap](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/98/e8/98e88d93fd56a4b552d2436263b3bcae_2233x655.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) 操作不懂的联系售后微信。有需要购买使用的也可以联系微信 ![](https://img.kancloud.cn/24/cd/24cd0a1c8397a9f10b6528a8e37b2c1c_1125x1125.jpg)