[H5]Html5目录样式

编辑
文档创建者:caixiaolan (69992 )     浏览次数:3654次     编辑次数:8次     最近更新:jiangsr 于 2018-05-16     

目录:

1. 描述编辑

h5报表目前有两种目录样式,一种为侧边栏,如下图所示:

222

另外一种是九宫格,如下图所示:

222

注:这两种h5报表样式,只有在钉钉集成或微信集成,以及手机浏览器中可以显示,app中样式不会发生改变。

注:新移动端Html5方式预览报表插件版本为v5及往后,除目录主题插件之外,目录样式跟随APP的设置,即九宫格目录样式。

2. 具体步骤编辑

2.1 插件安装

安装新移动端Html5方式预览报表

设计器插件安装方法参照设计器插件管理

服务器安装插件方法参照服务器插件管理

2.2 Html5报表

打开设计器,点击菜单服务器>报表平台管理,或登陆数据决策系统http://ip:端口/appName/ReportServer?op=fs,使用管理员账号登陆。可以看到在管理系统中多了一个HTML5报表,点击HTML5报表,可以看到有两个目录样式,一种是九宫格,另一种是侧边栏,默认选中九宫格,如下图:

注:移动端Html5插件版本为v5及往后,目录样式跟随APP的设置,管理系统中不再有“HTML5报表”目录进行单独设置。

222

2.3 效果展示
1)九宫格

选中九宫格样式,在手机浏览器中输入决策平台网址,可以看到如下效果:

222

这时报表的各个目录树的图标都是相同的,可以在数据决策系统>管理系统>外观配置>样式>编辑目录图标中修改目录树图标,如下图:

222

注:内置的决策系统中有一部分模块只能在电脑端显示,有一部分模块只能在移动端显示,所以要找到对应的移动端模块修改图标。

注:移动端Html5插件版本为v5及往后,目录图表配置位置更改,默认将采用内置的图标样式,图标修改为目录管理>目录封面中设置,建议不设置,直接采用默认图标,如下所示:

222

2)侧边栏

选中侧边栏效果,在浏览器端刷新网页,可以看到直接变成了侧边栏,如下图:

222

注:侧边栏目录样式的图标修改同九宫格。

附件列表


主题: 移动端
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?