这个网站使用了视频JS和ApexCharts库来创建一个可视化的仪表板。视频JS用于设置视频播放器的宽度和高度,而ApexCharts则用于创建图表,并设置了滚动条的可见性。
具体来说:
video-js
是一个视频播放器,它被设置宽度为300像素,高度为150像素。
.vjs-fluid
是视频播放器的一个样式类,它设置了容器的padding-top,使得视频能够适应不同的屏幕尺寸。
apexcharts-canvas
是一个样式类,它设置了canvas元素的位置为相对位置,并且不允许用户选择(user-select: none),以防止超出图表区域时显示滚动条。
- 在
.apexcharts-canvas ::-webkit-scrollbar
部分,通过设置-webkit-appearance: none;
和width: 6px;
来禁止默认的滚动条行为,使得滚动条不可见。
.apexcharts-canvas ::-webkit-scrollbar-thumb
设置了滚轮的外观,包括border-radius: 4px;
和背景颜色。