EasyGBS首页内容无法占满页面高度的优化方案

为了方便用户对整个系统的使用率有大致的了解,TSINGSEE青犀视频大多数视频平台的首页都会记录大致的使用情况,比如CPU的使用、内存的占用、带宽等服务器基本信息。在我们日常对EasyGBS测试过程中发现,进入EasyGBS首页后,页面内容无法占满页面高度,导致页面底部有留白。

67.png

于是对前端代码进行排查,找到图表的DOM节点,发现图表的父级DOM节点最大高度为800px,导致了无法撑满高度,但将该数据调整最大高度为900px时,发现中间空了一块。

68.png

经过查找发现,图表的DOM节点最大高度为400px,限制了撑满。

69.png

因此我们需要找到项目中的dataStatistics文件下的index.vue文件,将图表的最大高度修改为600px,也就是在下图标注的内容中做修改:

70.png

修改完成后首页界面即可恢复正常。

71.png

EasyGBS有多种授权方式,也支持用户根据自己的需求自由进行二次开发,是一款开放性较强的视频综合管理流媒体平台,此外,EasyGBS还能够对接公安网、校园网的国标协议视频流媒体服务,对于很多项目来说,国标协议的级联功能是一个非常实用的功能,将上下级平台连接起来并实现统一管理是很多项目的需求。因此如果大家有需要,可以关注我们或者直接下载测试。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值