飘窗主要是为了满足客户在门户上展示通知、公告等信息。支持图片飘窗及文字飘窗。还支持设置动态移动展示。
点击右上角【+新建】按钮,新建飘窗:
1、类型:飘窗支持图片飘窗、文字飘窗。图片飘窗即选择一张图片来展示,文字飘窗即自定义输入一段文字来展示。
2、使用范围:设定飘窗的应用范围,仅在范围内的用户才会看到飘窗,支持按人员、部门、分布、角色、岗位、群组等设置。
3、飘窗设置:设定飘窗的大小、内容等。部分配置根据不同的飘窗类型联动。
图片飘窗:
可设置飘窗大小为自适应图片尺寸或自定义,可设置飘窗图片为本地上传或素材库选取,可设置链接地址。
文字飘窗:
可设置飘窗大小为自适应文字内容或自定义,可设置飘窗背景颜色、边框线、显示内容。
效果如下:
4、初始位置:设定飘窗的显示位置,支持相对位置、绝对位置。
相对位置即水平、垂直方向上分别居左居右居中的边距、居上居中居下的边距。
绝对位置即距离左上角填写X值、Y值即可。
5、浮动方式:设定飘窗的显示方式,支持静态、动态。
静态即飘窗浮动在初始位置不进行移动。
动态即飘窗从初始位置开始,根据一定的速度来移动,并且可设置到达指定位置后继续移动。
效果如下:
6、显示页面:设定飘窗的显示页面,支持主题中显示、所有门户页面、选择门户页面。“主题中显示”即整个框架主题中都显示,“所有门户页面”即仅在门户模块显示,“选择门户页面”即在指定的门户中显示。
7、允许关闭浮窗:控制是否允许前台用户关闭浮窗。开启允许后,鼠标移入飘窗,右上角显示“×”按钮,并支持勾选“不再显示”。未勾选“不再显示”关闭后,再次刷新页面或重新登录系统时,飘窗会再次显示。勾选“不再显示”关闭后,飘窗将不再显示,如需再次显示,则需要管理员重新启用,或重新编辑飘窗后保存。
飘窗保存后,可直接在列表上启用。支持启用多个飘窗,启用后将根据使用范围展示对应的飘窗。