全局滚动条样式

styles/mixins.scss

 //字符省略样式
-@mixin ellipsis($count){
+@mixin ellipsis($count) {
   display: -webkit-box; /* 使用弹性盒子布局 */
   -webkit-line-clamp: $count; /* 显示行数 */
   -webkit-box-orient: vertical; /* 垂直排列 */
   overflow: hidden; /* 隐藏溢出部分 */
   text-overflow: ellipsis; /* 使用省略号代替溢出部分 */
-}
+}
\ No newline at end of file
+
+@mixin scrollbar() {
+  /* 修改滚动条宽度 */
+  &::-webkit-scrollbar {
+    width: 2px;
+    margin-right: 13px;
+  }
+
+  /* 修改滚动条轨道背景颜色 */
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+  }
+
+  /* 修改滚动条滑块背景颜色 */
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(200, 200, 200, 1);
+  }
+}