el-scrollbar组件 横向滚动

对于横向滚动，可以使用el-scrollbar组件来实。首先，在需要横向滚动的容器外面包裹el-scrollbar组件，然在el-scrollbar组件中添加内容。下面一个示例代码：

<template>
  <el-scrollbar class="horizontal-scrollbar">
    <div class="content      <!-- 此处为内容 -->
    </div>
  </el-scrollbar>
</template>

<style>
  .horizontal-scrollbar {
    width: 100%;
    height: 200px; /* 设置容器的高度 */
    overflow-x: auto; /* 横向滚动 */
  }

  .content {
    width: 1000px; /* 内容宽度超过容器宽度时才会出现横向滚动条 */
    height: 100%;
    white-space: nowrap; /* 内容不换行 */
  }
</style>

在示例中，我们给el-scrollbar组件添加了一个class名为"horizontal-scrollbar"，并设置了容器的高度为200px，并通过overflow-x属性将容器设为可以横向滚动。在内容部分，我们设置了一个宽度为1000px的内容，当内容宽度超过容器宽度时，才会出现横向滚动条。

你可以根据实际需求调整容器高度和内容宽度，以及其他样式。希望能对你有所帮助！如果还有其他问题，请继续提问。