小程序頂部導航自定義顏色設置 · 家政小程序模板

# 一、使用工具漸變色參考：[https://uigradients.com/#Wiretap](https://uigradients.com/#Wiretap) # 二、效果演示設置效果(一) ![](https://img.kancloud.cn/1c/d9/1cd9ec5539f1a7e415218ec3a632eb4e_435x383.png) 設置效果(二) ![](https://img.kancloud.cn/1d/07/1d0796ec75e41c880a124be2641ade28_419x337.png) # 三、設置方法 1、將小程序升級到3.9.34版本以上/ 2、點擊參數設置可以看到 “頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”、“頂部導航文本顏色” 三個選項 ![](https://img.kancloud.cn/e2/d7/e2d7d6fc1b956753d6689be6da693a97_750x220.png) 3、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #f953c6 ，點后點擊確認 4、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #b91d73 ，點后點擊確認 5、“頂部導航文本顏色” 我們默認為白色代碼 #FFFFFF 6、點擊提交按鈕，然后預覽小程序效果如下 ![](https://img.kancloud.cn/69/92/6992ecf86f9421f520ba776458ace837_571x590.png) 7、如果想設置單一顏色，將“頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”設置為相同的即可，如我們設置成紅色代碼 #FF0000 ![](https://img.kancloud.cn/b9/90/b990540486afe5e6587c3b38b98c41b9_750x314.png) 8、效果如下 ![](https://img.kancloud.cn/f5/74/f5743a209571b2baf081ce4e0449e73e_750x516.png) 9、頂部顏色設置 ![](https://img.kancloud.cn/0f/08/0f08b60a04aba616e1a1e87c6dd0debe_750x573.png) 10、效果如下 ![](https://img.kancloud.cn/8d/0a/8d0a9d4b6df3b76abc78480b6584e4ee_750x603.png)