[通用]背景顏色規範

1.1 版本

1.2 功能簡介

• 行動端支援顯示自訂的背景樣式

• 規範對背景樣式的定義及顯示效果

2.1 報表背景

普通報表支援設定 紙張背景 ，行動端支援顯示。

設計器中設定紙張背景後，行動端預覽時，對應顯示為整個主體背景。

2.2 儲存格樣式

普通報表支援設定儲存格樣式，行動端支援顯示，詳情參見：儲存格樣式 。

2.3 圖表樣式

普通報表支援設定儲存格樣式，行動端支援顯示，詳情參見：圖表樣式 。

注：行動端不支援顯示參數介面的背景。

3.1 body

決策報表支援設定 body 的背景和水印，行動端支援顯示。

設計器中設定 body 的背景後，行動端預覽時，對應顯示為整個主體背景，詳情參見：body 的背景設定 。

設計器中設定 body 的水印後，行動端預覽時，對應顯示在主體背景上方，詳情參見：body 的水印 。

3.2 報表塊、圖表

決策報表支援設定報表塊、圖表的樣式，行動端部分支援顯示。

以報表塊為例，功能入口如下圖所示：

3.2.1 跟隨主題

功能入口如下圖所示：

具體設定項及說明如下表所示：

3.2.2 自訂

功能入口如下圖所示：

具體設定項及說明如下表所示：

3.3 Tab 塊

Tab 塊分為 tablayout、tabphane、Tab 三部分。

1）決策報表支援設定 tablayout 的樣式，行動端部分支援顯示。

2）決策報表支援設定 tabphane 的行動端樣式範本，行動端支援顯示。

• tabphane 行動端樣式範本為「預設」時，tabphane「屬性」的「樣式範本」、「顯示位置」、「背景」、「字體」、「正文方向」部分支援顯示，Tab「屬性」的「樣式」部分支援顯示。

• tabphane 行動端樣式範本為「其他樣式」時，tabphane 「屬性」的「樣式範本」、「顯示位置」、「背景」、「字體」、「正文方向」不支援顯示，Tab「屬性」的「樣式」不支援顯示。

3.3.1 tablayout

決策報表支援設定 tablayout 的樣式，行動端部分支援顯示。

功能入口如下圖所示：

各設定項及說明如下表所示：

3.3.2 tabphane

決策報表支援設定 tabphane 的行動端樣式範本，行動端支援顯示。

• tabphane 行動端樣式範本為「預設」時，tabphane「屬性」的「樣式範本」、「顯示位置」、「背景」、「字體」、「正文方向」部分支援顯示。

功能入口如下圖所示：

各設定項及說明如下表所示：

• tabphane 行動端樣式範本為「其他樣式」時，tabphane 「屬性」的「樣式範本」、「顯示位置」、「背景」、「字體」、「正文方向」不支援顯示。

3.3.3 Tab

• tabphane 的行動端樣式範本為「預設」時，Tab「屬性」的「樣式」部分支援顯示。

功能入口如下圖所示：

各設定項及說明如下表所示：

• tabphane 的行動端樣式範本為「其他樣式」時，Tab「屬性」的「樣式」不支援顯示。

3.4 元件

決策報表支援設定元件的行動端樣式範本，行動端支援顯示，詳情參見：決策報儲存格件行動端樣式 。

4.1 範本

FVS 視覺化看板支援設定範本樣式，行動端支援顯示，詳情參見：FVS範本樣式 。

4.2 頁面

注：FVS 視覺化看板的 PC 端、行動端功能配置差別，詳情參見：功能配置差別 。

FVS 視覺化看板行動端頁面的設定根據是否開啟 行動端佈局，設定項略有不同，如下圖所示：

各設定項及說明如下表所示：

4.3 組件

注：FVS 視覺化看板的 PC 端、行動端功能配置差別，詳情參見：功能配置差別 。

FVS 視覺化看板支援設定行動端組件樣式及組件屬性，功能入口如下圖所示：

各設定項及說明如下表所示：