[通用]移动端组件样式

在制作移动端模板时，为了模板美观性，常常需要对模板组件做一些样式修改。

本文将对不同报表类型、不同组件可进行的样式修改做汇总介绍。详情可跳转具体文档进行查看。

模板右上角切换到移动端 时，支持设置移动端样式效果。

2.1 所有组件支持的组件样式

所有组件均支持单独设置移动端组件样式，默认跟随PC端效果。

详情请参见：FVS组件样式属性 。

2.2 Tab组件

支持设置标签页内边距及组件间隙；支持单独设置移动端 Tab栏按钮样式等，默认跟随PC端效果。

详情请参见：FVS-Tab组件 。

2.3 控件组件

2.3.1 日期时间控件

日期时间控件当格式为「年-月-日」时，移动端支持选择三种样式模板：

• 默认样式：点击控件后，从底部弹出日期进行选择

• 普通日历：点击控件展开全部日历，点击收起按钮收起全部日历

• 周视图日历：当前周日历固定显示，点击展开按钮展开全部日历，点击收起按钮收起其余周日历

注：日期时间控件选择其余格式时，仅支持默认样式，从底部弹出日期进行选择。

详情请参见：FVS日期时间控件 。

2.3.2 下拉框/下拉复选框控件

下拉框、下拉复选框控件支持选择两种样式模板：

• 默认样式：点击控件后从底部弹出选项进行选择

• 简约下拉：点击控件后，紧挨控件弹出选项进行选择

详情请参见：FVS下拉框控件 、FVS下拉复选框控件 。

2.3.3 单选/复选按钮组控件

单选按钮组支持选择四种样式模板：默认样式、胶囊按钮、联排按钮和图文按钮。

复选按钮组仅支持选择两种样式模板：默认样式和胶囊按钮。

单选按钮组默认样式为圆形按钮，复选按钮组默认样式为方形选框；胶囊按钮两种控件效果类似，不再赘述。

详情请参见：FVS单选按钮组控件 、FVS复选按钮组控件 。

3.1 Tab块

决策报表TAB标签面板样式

3.2 控件

决策报表中，控件的移动端样式模板分为「默认」和「扩展样式」。所有控件的移动端样式模板都支持「默认」样式，个别控件支持扩展样式。

具体如下表所示，详细内容请跳转具体文档查看。

注：「扩展样式」指除「默认」外的其他样式。