小程序頂部導航自定義顏色設置 · 家政上門服務文檔

# 一、效果演示設置效果(一) ![](https://img.kancloud.cn/6f/2e/6f2e33de7ad1125f7acc54a9767d8c00_884x786.png) 設置效果(二) ![](https://img.kancloud.cn/03/51/03516a7e3260af4edfeadde1b746b400_860x696.png) # 二、設置方法 1、點擊參數設置可以看到 “頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”、“頂部導航文本顏色” 三個選項 ![](https://img.kancloud.cn/62/56/6256d1b8857ebafd8c1a670a9fa55fce_1500x400.png) 2、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #f953c6 ，點后點擊確認 3、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #b91d73 ，點后點擊確認 4、“頂部導航文本顏色” 我們默認為白色代碼 #FFFFFF 5、點擊提交按鈕，然后預覽小程序效果如下 ![](https://img.kancloud.cn/30/d6/30d692a8bf113c31f3363a02cd493ef7_1134x1188.png) 6、如果想設置單一顏色，將“頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”設置為相同的即可，如我們設置成紅色代碼 #FF0000 ![](https://img.kancloud.cn/10/64/1064d5628bbc6ebd76fc1a27ebc4964e_1500x624.png) 7、效果如下 ![](https://img.kancloud.cn/71/9d/719d8bb6bff413205cb0765868d06268_1284x978.png) 8、頂部顏色設置 ![](https://img.kancloud.cn/7f/31/7f319445c914b52c339b4934045e187a_1536x1158.png) 9、效果如下 ![](https://img.kancloud.cn/2d/b6/2db64c6e3e8337b44de71404d69f430a_1492x1208.png)