1. 概述
1.1 版本
| 報表服務器版本 | JAR 包 | App 版本 | HTML5 移動端展現插件 | 移動端簡約下拉樣式插件 |
|---|---|---|---|---|
| 10.0 | 2020-01-15 | 10.4.61 | V10.4.61 | V10.4.61 |
1.2 應用場景
用戶若需要改變下拉框和下拉複選框的背景顔色、字号、邊框時，對現有下拉框和下拉複選框控件操作非常麻煩，用戶可下載「移動端簡約下拉樣式」插件對下拉框和下拉複選框的樣式進行設置。
1.3 功能簡介
本文提供「移動端簡約下拉樣式」插件的使用方法，用戶可對下拉框和下拉複選框的樣式進行自定義設置。
2. 插件介紹
2.1 适用範圍
| 移動端設備 | 終端範圍 | 生效位置 | 備注 |
|---|---|---|---|
| 手機、Pad | App、H5 | 表單 body 内部的下拉框、下拉複選框 | 該插件在下面場景中不能生效： |
2.2 插件安裝
插件下載請點擊：移動端簡約下拉樣式
設計器插件安裝方法參照 設計器插件管理
服務器安裝插件方法參照 服務器插件管理
3. 示例
由於下拉框與下拉複選框的配置界面相同，本章以下拉框爲例詳細描述該插件的使用步驟。
3.1 模板準備
1）點擊下載模板及表格：企業員工春節出行統計.zip
2）在 FineReport 設計器中打開該模板，選中下拉框控件（bumenx），在「屬性」Tab 頁下輸入标簽名稱下拉框。如下圖所示：
注：「标簽名稱」可不設置。
3）在 FineReport 設計器中打開該模板，選中下拉框控件（bumenx），點擊移動端>樣式模板右側。如下圖所示：
點擊「樣式模板右側」後，界面如下圖所示：
3.2 默認樣式
在「樣式模板」中選擇默認，用戶可設置「組件背景」，其中組件背景默認爲背景色，可自定義顔色。
移動端效果（以 APP 效果爲例）如下圖所示：
3.3 簡約下拉樣式
3.3.1 具體設置
在「樣式模板」中選擇簡約下拉樣式，「控件樣式」選擇自定義，對下拉框樣式進行設置，如下圖所示：
簡約下拉樣式各設置項說明如下表所示：
| 屬性 | 備注 |
|---|---|
| 控件樣式 | 選項包括「默認」和「自定義」，默認情況下選擇「默認」 |
| 标簽名稱 | 可設置「标簽名稱」的字符、字号、顔色、是否加粗、是否傾斜 |
| 控件值 | 可設置「控件值」的字符、字号、顔色、是否加粗、是否傾斜 |
| 展開圖标、收起圖标 | 可對「展開圖标」和「收起圖标」自定義設置 注：建議圖片尺寸在 16 * 16 到 68 * 68 之間，支持 PNG 、JPG 格式 |
| 控件背景 | 可對控件背景進行自定義設置 |
| 控件邊框 | 可選擇邊框類型 |
| 邊框顔色 | 可自定義邊框顔色 |
| 圓角 | 可自定義邊框圓角 |
| 寬度 | 橫向撐滿：标簽及控件寬度爲屏幕寬度減去 body 的左右内邊距 自定義：可自定義控件寬度 |
| 下拉浮層 | 橫向撐滿：下拉值展示寬度爲屏幕寬度減去 body 的左右内邊距 與控件等寬：下拉值展示與控件等寬 |
3.3.2 移動端效果
移動端效果（以 App 效果爲例）如下圖所示：
