elementui步骤条超长如何兼容滚动条？

Question

elementui步骤条超长如何兼容滚动条？

我需要使用element-ui的步骤条，步骤节点少间距正常，但是当步骤节点较多时，space属性就会失效，添加滚动条也没有效果

<template>
  <div class="textStep-container">
    <el-scrollbar style="height: 100% ;width: 100%;background-color: #FFFFFF">
      <el-steps :active="objData.active" finish-status="success" space="500px">
        <el-step v-for="(item,index) in circulation" :key="index" :description='content' :title="item.name" :status="item.status" style="width: 333px" icon="el-icon-circle-close">
        </el-step>
      </el-steps>

    </el-scrollbar>
  </div>
</template>

我想达到的效果就是保持每个步骤间距，当超出部分使用滚动条。

Answer 1

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7636965