配置查詢控制項樣式 - Quick BI

查詢條件設定完成後，您可以在樣式中對查詢控制項展示樣式進行設定。本文為您介紹如何配置查詢控制項的樣式。

您可以在樣式配置區頂部的搜尋方塊中輸入關鍵字快速尋找配置項進行配置。

單擊右側表徵圖支援操作展開/收合全部類別。

PC端樣式配置

說明

IE 11瀏覽器對字型（大小、顏色等）、邊框、背景色、間距的設定不生效。

在標題與卡片中，配置標題和組件容器。

配置項	說明
標題	支援設定是否顯示主標題並配置標題的樣式。支援設定分割線。
組件容器	支援設定自訂背景填充（①）、圓角（②）和卡片內間距（③）。

在位置與布局中，進行以下配置。

配置項	說明
控制項在頁面中的位置	支援預設或全域置頂，當設定全域置頂時，滑動頁面時控制項始終處於頂部。
預設展開全部篩選條件	支援設定預設展開全部篩選條件。
卡片高度	當勾選預設展開全部篩選條件時，支援設定卡片高度為自適應高度或手動設定。其中，手動設定為拖拽調整，超過後顯示縱向捲軸，手動設定高度時無法收合全部篩選條件。
條件相片順序	支援設定條件相片順序為水平或垂直。水平：垂直：
條件位於容器內位置	支援靠左對齊、置中對齊、靠右對齊。
條件間距	支援設定條件間距。

在條件選框裡，進行以下配置。

配置項	說明
選框風格	選框風格支援填充、線框、極簡。
背景色	支援設定條件選框的背景色。
邊框	支援設定條件選框的邊框粗細及顏色。
圓角	支援設定條件選框的圓角大小。
文本	支援設定條件選框的文本顏色及字型大小。
定製條件樣式	您可針對查詢條件展示類型的不同，對單個查詢條件進行更定製化的樣式配置。說明若對象重複，定製樣式會覆蓋上方的通用樣式，您可選擇重設來恢複預設。當查詢控制項的展示類型為下拉式清單、文本輸入框、數值輸入框、樹形下拉及普通日期選擇時，支援設定每個條件的選項寬度、背景色、邊框、圓角和文本顏色。當查詢控制項的展示類型為下拉式清單時，支援選擇切換為平鋪選項或固定列表。當控制項類型為平鋪選項時，支援設定最多展示個數、選中和未選中的樣式。當控制項類型為固定列表時，支援設定預設顯示選項個數。當查詢控制項的展示類型為日期選擇且日期條件開啟快捷區間時，支援選擇下拉式清單和平鋪選項，把快捷區間的不同區間類型下拉或平鋪。說明平鋪按鈕樣式僅支援快捷區間選項不超過5個的情況。下拉式清單支援設定整個選框的樣式。平鋪選項支援設定快捷區間平鋪和日期選擇的樣式。快捷區間平鋪日期選擇

支援設定是否顯示條件名稱並配置條件名稱的位置、文本、與選框間距等。

配置項	說明
位置	支援條件名稱的位置在上方或左側。當設定為上方時，支援對齊為靠左對齊、置中對齊和靠右對齊。
文本	支援設定條件名稱的文本樣式。
與選框間距	支援設定條件名稱與選框間距。

在按鈕裡，支援設定按鈕顯示、按鈕位置、按鈕顏色、按鈕圓角及文本樣式。

配置項	說明
按鈕顯示	說明僅當按鈕顯示配置項選中清空和顯示時，才會出現重設和清空按鈕。重設：表示查詢條件恢複到設定的預設值。清空：表示清除查詢條件中顯示的值。假設控制項A級聯控制項B，則表示控制項A是控制項B的上層關係。若重設或清空的控制項A，則控制項B也會被重設或清空；反之，若重設或清空的控制項B，則控制項A不會被影響。
按鈕位置	支援預設、條件右側、條件下方和跟隨條件。條件右側條件下方跟隨條件當按鈕位置為條件右側、條件下方時，支援設定居左、置中和居右。
按鈕顏色	支援設定按鈕顏色。
按鈕圓角	支援設定按鈕圓角。
文本	支援設定按鈕的文本樣式。

移動端樣式配置

在標題與卡片中，配置標題和組件容器。

配置項	說明
標題	支援設定是否顯示主標題並配置標題的樣式。支援設定分割線。
組件容器	支援設定自訂背景填充（①）、圓角（②）和卡片內間距（③）。

在位置與布局中，進行以下配置。

配置項	說明
控制項在頁面中的位置	支援預設或全域置頂，當設定全域置頂時，滑動頁面時控制項始終處於頂部。
條件位於容器內位置	支援靠左對齊、置中對齊、靠右對齊。
條件間距	支援設定條件間距。

在條件選框裡，進行以下配置。

配置項	說明
選框風格	選框風格支援填充、線框、極簡。
背景色	支援設定條件選框的背景色。
邊框	支援設定條件選框的邊框粗細及顏色。
圓角	支援設定條件選框的圓角大小。
文本	支援設定條件選框的文本顏色及字型大小。
定製條件樣式	您可針對單個查詢條件進行更定製化的樣式配置。說明若對象重複，定製樣式會覆蓋上方的通用樣式，您可選擇重設來恢複預設。下拉式清單支援設定條件的背景色、邊框、圓角和文本樣式。支援設定下拉選項樣式為列表選項或平鋪選項並設定列數或一行展示的個數。平鋪選項支援設定圓角、選中和未選中的樣式。支援設定選項一行展示的個數。固定列表支援設定背景色、邊框、圓角、和文本的樣式。支援設定選擇列數。日期選擇日期條件開啟快捷區間時，支援選擇下拉式清單和平鋪選項。下拉式清單支援設定背景色、邊框、圓角和文本樣式。平鋪選項支援設定快捷區間平鋪和日期選擇的樣式。說明平鋪按鈕樣式僅支援快捷區間選項不超過5個的情況。快捷區間平鋪支援設定圓角、選中和未選中的樣式。日期選擇支援設定背景色、邊框、圓角和文本樣式。日期選擇單日期（比如單年、單日、單月、單周等）或區間類型為開始於、結束於時，支援設定箭頭位置。輸入框文本輸入框和數值輸入框支援設定背景色、邊框、圓角和文本樣式。樹形下拉支援設定背景色、邊框、圓角、和文本的樣式。支援設定選擇列數。