自定義導航顏色設置方法 · 家政教程

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)