el-scrollbar组件 横向滚动

对于el-scrollbar组件的横向滚动，你可以使用以下步骤实现：

1. 首先你的HTML模板中，将el-scrollbar组放置在需要横向滚动的容器部。例如：

<div class="scroll-container">
  <el-scrollbar>
    <!-- 横向滚动内容放这里 -->
  </el-scrollbar>
</div>
`

2. 然后，在你的CSS样式，为容器添加适的样式以限制宽度并显示横向滚动条。例如：

.scroll-container {
width: 300px; /* 设置容器的宽度 */
overflow-x: scroll; /* 启用横向滚动 */
white-space: nowrap; /* 防止内容换行 */
}

3. 最后，在el-scrollbar组件内部添加需要横向滚动的内容。可以是文本、图片或其他任何元素。例如：

<div class="scroll-container">
<el-scrollbar>
<div class="scroll-content">
<!-- 横向滚动内容放在这里 -->
</div>
</el-scrollbar>
</div>

通过以上步骤，你就可以实现el-scrollbar组件的横向滚动效果了。记得根据需要调整容器的宽度和内容的样式，以达到你想要的效果。