el-drawer滚动条

El-drawer 是 Element UI 中的一个组件，用于创建一个抽屉式的导航菜单。默认情况下，el-drawer 是没有内置的滚动条的，但你可以通过添加一些自定义样式来实现滚动条的效果。

首先，你可以给 el-drawer 添加一个自定义的类名，比如 "my-drawer"。然后，在你的 CSS 文件中，使用该类名来定义滚动条的样式。以下是一个示例：

.my-drawer {
  overflow-y: auto;
  /* 设置最大高度以限制内容区域的高度 */
  max-height: 300px;
}

.my-drawer::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
}

.my-drawer::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条颜色 */
}

.my-drawer::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 设置滚动条背景颜色 */
}

上述代码中，我们使用了 `overflow-y: auto` 来设置垂直方向上的滚动条，并通过 `max-height` 来限制内容区域的高度。然后，使用伪元素 `::-webkit-scrollbar` 来设置滚动条的宽度和样式，其中 `::-webkit-scrollbar-thumb` 设置滚动条颜色，`::-webkit-scrollbar-track` 设置滚动条背景颜色。

希望这个示例对你有帮助！如果还有其他问题，请随时提问。