1. 概述
在制作移动端模板时,为了模板美观性,常常需要对模板组件做一些样式修改。
本文将对不同报表类型、不同组件可进行的样式修改做汇总介绍。详情可跳转具体文档进行查看。
2. FVS可视化看板
模板右上角切换到移动端 时,支持设置移动端样式效果。
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. 决策报表
3.1 Tab块
3.2 控件
决策报表中,控件的移动端样式模板分为「默认」和「扩展样式」。所有控件的移动端样式模板都支持「默认」样式,个别控件支持扩展样式。
具体如下表所示,详细内容请跳转具体文档查看。
注:「扩展样式」指除「默认」外的其他样式。
样式模板 | 控件类型 | 文档链接 |
---|---|---|
默认 | 所有控件 | 决策报表控件移动端样式 |
简约日历、导航日历、简约日期样式 | 日期控件 | 决策报表日期控件移动端样式 |
简约下拉样式 | 下拉框控件、下拉复选框控件 | 决策报表移动端简约下拉样式 |
胶囊按钮、联排按钮、图文按钮 | 单选按钮组控件、复选按钮组控件 | 决策报表单选复选按钮组移动端样式 |