老師們在制作查詢系統時,如果想要提升查詢界面的美觀度,可以在易查分的【頁面風格】裡進行自定義設置,搭配出自己喜歡的查詢界面風格。易查分提供了豐富的自定義設置選項,老師們可以根據自己的需求,自定義搭配顔色、上傳圖片,還可以在線預覽搭配效果。
如何設置?
登錄易查分後,點擊系統設置-頁面風格,即可進入設置頁面;
在頁面風格設置裡,可以對移動版查詢結果頁面、頂部背景進行自定義設置;
1、移動版頂部背景
在這裡,您可以設置查詢界面頭部的顯示風格,包括使用純色背景、使用默認背景圖片、使用自己上傳圖片;設置後,可以點擊預覽,在線預覽設置效果。
[溫馨提醒:選擇上傳圖片,移動端查詢首頁将會顯示您所上傳的圖片;上傳圖片尺寸:720*230、jpg格式、不超過150kb;]
預覽效果圖
2、移動版查詢結果
在這裡,我們可以設置表線顔色、左/右列的背景顔色、可修改列和說明文字的顔色、左/右列文字的對齊方式、左列寬度;
點擊 選色卡,可以自由選擇你想要搭配的顔色;
點擊 常用色卡,我們還為您準備了豐富的配色參數,您可以自行選擇喜歡的顔色,複制顔色名稱後面的六位數字母,粘貼到選色卡輸入框裡,點擊OK即可完成色彩設置。
對齊方式可以設置查詢結果頁左/右列顯示的位置,設置選項包括:左對齊、居中、右對齊,三種;
左列寬度設置選擇自适應後,在表頭文字較多的時候左側會适當加寬,避免出現換行的情況。
通過對移動版頂部背景和移動版查詢結果的設置,老師們就可以根據自己的喜好自定義DIY出自己想要的查詢頁面啦!
對于不知道怎麼選擇配色的老師們,我們還提供了多個配色版本,供老師們參考:
配色參數:
示例1:表線顔色 c2dfc2、左列背景色 f0f7f1、右列背景色 ffffff、頂部背景色 1d953f、可修改列标題 0a0a0a、說明文字顔色 0a0a0a
示例2:表線顔色 a7a9ab、左列背景色 f0debb、右列背景色 f0debb、頂部背景色 fcaf17、可修改列标題 0a0a0a、說明文字顔色 0a0a0a
示例3:表線顔色 a7a9ab、左列背景色 c0cbcc、右列背景色 d5dfe0、頂部背景色 0c45c9、可修改列标題 0a0a0a、說明文字顔色 0a0a0a
示例4:表線顔色 3289c7、左列背景色 b7ba6b、右列背景色 f6f5ec、頂部背景色 d93a49、可修改列标題 0a0a0a、說明文字顔色 0a0a0a
示例5:表線顔色 3289c7、左列背景色 94d6da、右列背景色 cef3f5、頂部背景色 1d953f、可修改列标題 0a0a0a、說明文字顔色 0a0a0a
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!