历史版本2 :[通用]移动端组件样式 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

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

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

2. FVS可视化看板编辑

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

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

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

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

Snag_58a6039a.png

2.2 Tab组件

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

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

Snag_589adf1f.png

2.3 控件组件

2.3.1 日期时间控件

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

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

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

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

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

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

1702632132895925.png


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

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

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

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

详情请参见:FVS下拉框控件FVS下拉复选框控件

1702633388850371.png

2.3.3 单选/复选按钮组控件

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

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

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

详情请参见:FVS单选按钮组控件FVS复选按钮组控件

2.png

3. 决策报表编辑

3.1 Tab块

决策报表TAB标签面板样式

3.2 控件

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

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

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

样式模板控件类型
文档链接
默认所有控件决策报表控件移动端样式
简约日历、导航日历、简约日期样式日期控件决策报表日期控件移动端样式
简约下拉样式下拉框控件、下拉复选框控件决策报表移动端简约下拉样式
胶囊按钮、联排按钮、图文按钮单选按钮组控件、复选按钮组控件决策报表单选复选按钮组移动端样式