小程序頂部導航自定義顏色設置 · 預約上門操作教程

# 一、使用工具漸變色參考：[https://uigradients.com/#Wiretap](https://uigradients.com/#Wiretap) # 二、效果演示設置效果(一) ![](https://img.kancloud.cn/80/ce/80ce8e8269d3e9ba2677eb79729cef76_411x511.png) 設置效果(二) ![](https://img.kancloud.cn/72/86/7286c94b470d9c15e61571073764b29f_414x509.png) # 三、設置方法 2、點擊參數設置可以看到 “頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”、“頂部導航文本顏色” 三個選項 ![](https://img.kancloud.cn/c8/7d/c87d69ea8870327c0bede78d730c99e5_1123x643.png) 3、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #f953c6 ，點后點擊確認 4、點擊 “頂部導航漸變色左側顏色” 選擇想要的顏色代碼或者輸入想設置的漸變色左側代碼號，如我們此處輸入 #b91d73 ，點后點擊確認 5、“頂部導航文本顏色” 我們默認為白色代碼 #FFFFFF 6、點擊提交按鈕，然后預覽小程序效果如下 ![](https://img.kancloud.cn/b8/45/b845d4d3709e8c3c97cbd7ce5c044d07_414x526.png) 7、如果想設置單一顏色，將“頂部導航漸變色左側顏色”、“頂部導航漸變色右側顏色”設置為相同的即可，如我們設置成紅色代碼 #FF0000 ![](https://img.kancloud.cn/2e/a3/2ea3a092aaf48cfe020de7a99d26c934_372x128.png) 8、效果如下 ![](https://img.kancloud.cn/22/e4/22e44405107ce0e3b0033013cb2f483c_414x521.png) 9、頂部顏色設置 ![](https://img.kancloud.cn/ed/53/ed538f3ecf9686eb7e169abf60f065e1_990x669.png) 10、效果如下 ![](https://img.kancloud.cn/f9/18/f91833c1baecf4e8727f181410ec4efd_414x476.png)