1. 概述
適用場景:安裝了「FVS企業戰情室編輯模式」插件的使用者,可參考本文了解 FVS 範本的相關功能。
注:不支援行動端。
1.1 版本
報表伺服器版本 | 插件版本 | 功能變動 |
---|---|---|
11.0 | V1.x | V1.x 版本文檔請參考:FVS標題組件歷史版本 |
11.0.16 | V2.1.0 | 字體支援模糊搜尋,設定字體更方便快捷 |
11.0.22 | V2.7.1 | 標題內容支援「動態值」,支援直接綁定資料集欄位 |
V3.4.0 | 「內容樣式>佈局」新增垂直對齊方式,詳情參見第 3 章 |
1.2 功能簡介
標題組件,常用於製作組件的標題內容,或單行的正文說明。
支援設標度題內容漸變色、文字陰影、佈局、字間距等效果。
透過 組件樣式 中的「倒影」效果,還可以實現文字倒影效果。
如下圖所示:
也可以作為按鈕設定點選事件,例如文檔 FVS點選切換分頁 。效果如下圖所示:
注:本文僅為大家介紹標題組件特有功能,其他屬性不贅述。
組件交互請參見:FVS組件交互屬性 。
組件動畫請參見:FVS分頁間組件動畫 。
組件樣式請參見:FVS組件樣式屬性 。
2. 新增組件
1)點選設計器左上角「檔案>建立視覺化看板」,建立空白視覺化看板。
2)點選組件區「其他>標題組件」,將其新增到頁面中。如下圖所示:
3. 內容樣式
本章節介紹標題組件「標題內容」以及「內容樣式」中的各項屬性,如下圖所示:
各設定項詳細說明如下表所示:
注:所有設定均對標題整體生效,不支援對標題中部分文字字體進行單獨設定。
屬性 | 簡介 |
---|---|
標題內容 | 支援選擇輸入「字串」或使用「動態值」 1)字串:直接輸入正文
2)動態值:支援選擇綁定資料集欄位,或輸入公式,詳情請參見 FVS動態值 |
字體 | 支援設定標題正文的字體。V2.1.0 及之後版本,支援模糊搜尋,可快速尋找需要的字體 |
樣式 | 支援設標度題正文粗體、斜體、底線、字號 注:底線顔色跟隨字體顔色顯示,若字體顔色為漸變色,則底線獲取的是漸變區域左側色塊顔色 |
顔色 | 支援設標度題正文的顔色為單色或漸變色 1)單色 2)漸變色 點選左右兩個色標可選擇顔色,改變漸變角度可實現不一樣的漸變效果 效果如下圖所示: |
文字陰影 | 勾選「開啟陰影效果」後,支援新增多個陰影效果 點選「新增陰影」按鈕,彈出陰影設定框,可設定陰影的名稱、偏移方向、模糊度和陰影顔色 有多個陰影時,列表下方的陰影顯示在最外層。可透過滑鼠拖曳行動陰影順序 效果如下圖所示: |
佈局 | 排列方式:支援設標度題為水平或者垂直。效果如下圖所示: |
水平對齊:支援設定標題內容水平顯示位置為左對齊、置中對齊或右對齊 垂直對齊:支援設定標題內容垂直顯示位置為頂部對齊、垂直置中或底部對齊 注:V3.4.0 之前版本,僅有「對齊方式」:支援設定標題內容顯示位置為靠左、置中或靠右 | |
字間距 | 可設標度題字間距,顯示效果如下圖所示: |
詞間距 | 在輸入標題內容時,可手動新增空格將詞語分隔開,此時設定詞間距,會根據空格判斷詞語並顯示間距。顯示效果如下圖所示: |
4. 跑馬燈特效
5. 注意事項
5.1 字體斜體右側文字被遮擋
問題描述
若標題內容對齊方式設定為「靠右」或顔色設定為「漸變色」,且字體樣式選中「斜體」效果。如下圖所示:
此時,標題最右側文字內容會被部分遮擋。如下圖所示:
解決方案
可手動在標題內容最後新增一個空格。
6. 範本下載
點選下載範本:FVS標題組件示例.fvs