a-steps无法水平

版本：3.2.18
我使用的官网的代码，但是显示出来一直是竖直的不是水平的，修改了direction="horizontal"也不行
代码：
`<template>
  <a-steps :percent="60" :current="1">
    <a-step title="Finished" description="This is a description." />
    <a-step title="In Progress" sub-title="Left 00:00:08" description="This is a description." />
    <a-step title="Waiting" description="This is a description." />
  </a-steps>
</template>`
