EasyCVR平台可在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、智能分析等。平台可提供视频监控直播、云端录像、云存储、录像检索与回看、智能告警、平台级联、集群、电子地图、H.265视频自动转码、智能分析等视频能力与服务。
近期我们对EasyCVR的视频广场左侧列表样式进行了优化。有用户反馈,在项目现场,平台的视频广场左侧列表样式出现了错乱显示不全的现象。技术人员立即进行了排查。
查看项目发现,是因为在左侧列表中出现了多层级联的嵌套导致样式的异常。因为样式的总宽度是确定的,但是每一层级联后,下一层都会在上一层的后面一点。
如上图,最终因为五六层或者多层导致中间通道名称所能占据的宽度越来越小,从而导致错位现象。通过优化各个元素的排列方式,使代码更加清晰:
再增加样式: overflow: visible;
这样,左侧列表下方可以通过移动的方式使其显示全,且不会样式错乱。
EasyCVR平台还能支持多类型设备接入,覆盖市面上绝大多数的视频源设备,包括:IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力,在线下具有丰富的应用场景,包括:智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。感兴趣的用户可以前往演示平台进行体验或部署测试。
标签:视频,样式,平台,EasyCVR,列表,左侧,错乱 From: https://www.cnblogs.com/easycvr/p/17382106.html