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

# 一、使用工具漸變色參考：[https://uigradients.com/#Wiretap](https://uigradients.com/#Wiretap) # 二、效果演示設置效果(一) ![](https://img.kancloud.cn/f3/31/f331c5eab44014e20403c2ec5d5e451f_435x383.png) 設置效果(二) ![](https://img.kancloud.cn/a6/57/a657db5de61c56ddb1298c0b46ed04e1_419x337.png) # 三、設置方法 1、將小程序升級到3.9.34版本以上/ 2、點擊參數設置可以看到 “頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”、“頂部導航文本顏色” 三個選項 ![](https://img.kancloud.cn/4c/8a/4c8a7106e0672eca596c388f18b2f98a_708x208.png) 3、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #f953c6 ，點后點擊確認 4、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #b91d73 ，點后點擊確認 5、“頂部導航文本顏色” 我們默認為白色代碼 #FFFFFF 6、點擊提交按鈕，然后預覽小程序效果如下 ![](https://img.kancloud.cn/f6/09/f6092acd3ad835b97c542e44acd91080_571x590.png) 7、如果想設置單一顏色，將“頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”設置為相同的即可，如我們設置成紅色代碼 #FF0000 ![](https://img.kancloud.cn/1d/d2/1dd27e658783cb0bde0a828e2d0b5447_708x296.png) 8、效果如下 ![](https://img.kancloud.cn/37/a9/37a93565b66b31cab085d38e7f0ee958_708x487.png) 9、頂部顏色設置 ![](https://img.kancloud.cn/77/12/77128ba8c66ac31e9c5ca63b60a8e19a_708x541.png) 10、效果如下 ![](https://img.kancloud.cn/a1/41/a141c8a5aabbe05a5690d6fff01e4f66_708x569.png)