小程序頂部導航自定義顏色設置 · 【碼元素SAAS】家政保潔維修·上門服務系統-官方教程（實時更新）

# 小程序頂部導航自定義顏色設置 # 一、使用工具漸變色參考：<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/cd/92/cd927600fab7f41a0a950d3d4084da8a_1586x465.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) 操作不懂的聯系售后微信。有需要購買使用的也可以聯系微信