国标GB28181/Ehome视频人脸识别/车牌识别平台EasyCVR界面标题logo换行问题修复

我们一直都说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;
  }
}

调整后再次登录页面,标题已正常。

posted on 2021-01-14 17:59  TSINGSEE  阅读(120)  评论(0编辑  收藏  举报