修改滚动条样式 开始生产增加 loading状态

haoxuan

2023-09-07 351480c2cc022c886429192fc2893e3fc2c9877f

 src/assets/style/public.scss

@@ -42,3 +42,37 @@
  font-size: 14px;
  position: relative;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 10px;
  /*滚动条宽度*/
  height: 10px;
  border-radius: 8px;
    /*滚动条高度*/
    -webkit-appearance:none;
    background-color:#f2f2f22a;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  /*滚动条的背景区域的内阴影*/
  /*box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;*/

  /*滚动条的背景区域的圆角*/
  border-radius: 8px;

  /*滚动条的背景颜色*/
  background-color: #f2f2f22a;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  /*滚动条的内阴影*/
  /*box-shadow:0px 1px 3px rgba(0,0,0,0.1) inset;*/

  /*滚动条的圆角*/
  border-radius: 8px;

  /*滚动条的背景颜色*/
  background-color:#939393;
}