FVS頁面背景/FVS組件背景

1. 本文介紹在制作 FVS 大屏範本時，如何設定頁面背景和組件背景。

2. 頁面背景/組件邊框背景支援四種配置方法：無、顔色、內建素材、自訂上傳。

1

頁面背景。

1. 選中一個頁面，點擊配置欄的【頁面】，可設定頁面背景，頁面背景默認爲顔色。

2. 設定頁面背景僅對範本的當前選中頁面生效，不影響範本的其他頁面。

2

組件背景。

1. 選中一個組件，點擊配置欄的【組件】，可設定組件邊框背景，組件邊框背景默認爲無。

2. 設定組件邊框背景僅對選中的組件生效，不影響其他組件。

1

無。

1. 若背景設定為【無】，則預覽範本/組件時，無顔色背景。

2

顏色。

1. 點擊顏色塊可彈出取色介面，支援直接選擇顏色，顏色選擇後展示對應的十六進制顔色碼和RGB顔色值。

2. 同樣支援手動輸入十六進制顔色碼和RGB顔色值。

3

內建素材。

1. FVS 為使用者內建了一些常見風格的素材，分為靜態圖片和動態圖片兩類，使用者可根據需要自行選擇。

2. 選擇【內建素材】方式後，點擊【選擇】，選中需要的素材，點擊【完成】，即可使用該素材作為背景。

3. 使用者可設定背景圖片的處理方式和色相。

4

自訂上傳-普通填充。

1. 選擇【自訂上傳】方式後，點擊【選擇】→【+上傳圖片】，即可選擇本機圖片檔案並上傳，支援上傳的圖片檔案為 jpg、png、gif 和 webm 格式。

2. 滑鼠懸浮於圖片上，點選右上角【刪除】→【確定】，即可刪除該圖片，若素材圖片被刪除，使用該素材的背景自動為空。

3. 自訂上傳圖片可設定【點九圖填充】，上傳圖片後將其選中，滑鼠懸浮圖片上點擊【設定點九圖】，設定後可調整下方的倍數選項，圖片四個角寬高會按照倍數調整，點九圖設定方式可參考幫助文檔 點九圖填充。

4. 若素材未設定【點九圖填充】，使用者可設定背景圖片的處理方式和色相，方式同內建素材。

5. 選擇【自訂上傳】方式後，選中所需的素材，點擊【完成】，即可使用該圖片作為背景。

1

帆軟會不定期新增相關素材，使用者可更新內建素材。

1. 使用者點擊【伺服器】→【fvs內建素材更新】來獲取最新素材。

2. 如無法更新，可直接聯絡技術支援獲取最新素材，下載解壓，替換工程目錄【webapps\webroot\WEB-INF\assets\vis】資料夾。

1. 在【範本背景】中的內建素材和自訂素材，只能在【範本背景】中使用，且所有的【範本背景】都可以複用。

2. 在【組件邊框】中的內建素材和自訂素材，只能在【組件邊框】中使用，且所有的【組件邊框】都可以複用。

3. 在【圖片】組件中的內建素材和自訂素材，只能在【圖片】組件中使用，且所有的【圖片】組件都可以複用。

4. 在【本機影片】組件中內建素材和自訂素材，只能在【本機影片】組件中使用，且所有的【本機影片】組件都可以複用。