我们一直都说EasyCVR开发上线以来,算是市面上兼容性较为优秀的视频能力平台,能够兼容国标GB28181、RTSP、海康SDK、Ehome协议的设备,其他主流厂家的私有协议也会不断开拓。
有的用户需要将EasyCVR集成进第三方平台,因此为了对TSINGSEE青犀视频的信息做部分隐藏,我们在开发过程中增加了修改了版权信息和标题的方法,可以自定义修改。
前几天我们有客户就来反映称EasyCVR自定义logo后,由于logo过长,出现自动溢出换行,导致该标题无法完整展示。
排查logo DOM元素发现,logo的width 固定为120px,只适应的EasyCVR,较长的logo无法展示完整。
因此我们去掉120的width ,发现logo可以展示完整,但是导航在宽度小于1400px时会出现换行。
解决问题:
1.去掉logo元素的width。找到layout.scss文件,去掉.layout-logo类的宽度属性。
2.导航在小于1400px的时候调整每个导航的左右padding,找到layout.scss文件,去掉设置左右padding 8px。
@media (max-width: 1400px) {
.ivu-menu-horizontal .ivu-menu-item> div{
padding: 0 8px;
}
}
调整后再次登录页面,标题已正常。