如何修改有数平台滚动条的粗细?

有数可以通过后台管理上传CSS文件的方式将滚动条进行加粗,让用户使用起来更加方便。

第一步:我们在桌面上创建一个以.css为结尾的文本文件,在文本文件里面输入以下代码:统一补充颜色也可以自己设置列如:#7e57c2

全局

"/*修改滚动条大小*/"
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
"/*修改滚动条颜色*/"
::-webkit-scrollbar-thumb {
  background: red;
}
"/*修改鼠标移到滚动条上的悬浮颜色*/"
::-webkit-scrollbar-thumb:hover {
  background: green;
}

图表

.m-canvas .m-graphic {
  ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
  }
  ::-webkit-scrollbar-thumb {
      background: green;
  }
  ::-webkit-scrollbar-thumb:hover {
      background: blue;
  }
}

大小根据自身场景定

如何修改有数平台滚动条的粗细 - 图1

然后将这个文件上传到后台管理里面,通过admin账号进入后台管理:

如何修改有数平台滚动条的粗细 - 图2

如何修改有数平台滚动条的粗细 - 图3

将刚刚创建的CSS文件上传上去,提示上传成功之后,点击确定,保存成功刷新以下页面就可以了。

如何修改有数平台滚动条的粗细 - 图4

如何修改有数平台滚动条的粗细 - 图5

一定要等到提示上传成功、设置成功。才能生效,因为有时候应用会比较慢。并且这个是全局设置,只要有滚动条的地方都会加粗