5min做好移动端模板——移动端组件

编辑
  • 文档创建者:Carly
  • 浏览次数:3168次
  • 编辑次数:7次
  • 最近更新:预感时枯萎 于 2019-06-11
  • 1. 版本

    报表服务器版本

    10.0、9.0

    2. 描述

    2.1 视频学习

    在线视频学习请点击链接:如何在 5min 做好一张移动端决策展示

    2.2 功能介绍

    通过现成的组件,快速构建一张移动端决策模板,省时省心。

                                   

                                   

    2.3 组件获取

    本文仅提供三个组件试用,更多组件获取请填写调查问卷:问卷调查 。产品经理会与您取得联系,并将试用组件以及帮助说明会发送给您。

    3. 示例

    3.1 组件安装

    1)下载组件至本地并解压:FineReport.Reuse.zip

    2)将解压所得文件夹FineReport.Reuse放至 %FR_HOME%\webapps\webroot\WEB-INF\assets路径下,如下图所示:

    图片.png

    注:FineReport.Reuse 文件夹名称不可更改。

    3)重启设计器,组件即可使用。点击组件库,默认展示所有组件,共有五类:指标标签、图表切换、图表、表格、横幅。如下图所示:

    100.jpg

    3.2 新建移动端决策报表

    1)新建决策报表

    点击文件>新建决策报表,创建决策报表,如下图所示:

    图片.png

    2)设置移动端属性

    点击模板>移动端属性,在模板设置中勾选设置为手机端模板。如下图所示:

    图片.png

    3.3 添加组件

    用户可根据自身需求,选择相应的组件来搭建模板。本次示例中选择了横幅、指标标签和图表组件。

    1)横幅组件

    点击组件库>横幅,选择适合的横幅样式,拖拽至决策报表中即可。

    操作1.gif

    101.jpg

    2)指标标签组件

    切换至指标标签组件,选择适合的标签样式,拖拽至决策报表中。

    3)图表组件

    切换至图表组件,选择适合的图表样式,拖拽至决策报表中,调整所有组件的大小和位置。

    3.4 调整数据

    当鼠标移动至组件,组件右上角会出现一个问号样式,单击后出现组件帮助弹窗。

    用户可根据帮助弹窗,修改组件中的数据和格式,本次示例不做修改。

    图片.png

    4. 效果查看

    4.1 PC 端

    该组件效果主要用于移动端,不适合在 PC 端展示。

    4.2 移动端

    4.2.1 App

    1559179186188459.jpg

    4.2.2 HTML5

    11.jpg

    注:需安装 HTML5 移动端展现插件。


    附件列表


    主题: 移动端入门
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]