这个网站使用了视频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;和背景颜色。