//字符省略样式
@mixin ellipsis($count) {
  display: -webkit-box; /* 使用弹性盒子布局 */
  -webkit-line-clamp: $count; /* 显示行数 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  overflow: hidden; /* 隐藏溢出部分 */
  text-overflow: ellipsis; /* 使用省略号代替溢出部分 */
}

@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);
  }
}
