步骤条

水平模式下增加 allTextCenter

props


allTextCenter	false	文字处于中心位置
reverse	false	文字是否处于下方

demo1

<j-steps :active="1">
        <j-step>买家下单</j-step>
        <j-step>商家接单</j-step>
        <j-step>提货</j-step>
        <j-step>交易完成</j-step>
      </j-steps>

demo2

      <j-steps class="center-steps" :active="3" allTextCenter reverse>
        <j-step>买家下单</j-step>
        <j-step>商家接单</j-step>
        <j-step>提货</j-step>
        <j-step>交易完成</j-step>
      </j-steps>

demo3

      <j-steps direction="vertical" :active="0">
        <j-step>
          <h3>【城市】物流状态1</h3>
          <p>2016-07-12 12:40</p>
          <h3>【城市】物流状态1</h3>
          <p>2016-07-12 12:40</p>
        </j-step>
        <j-step>
          <h3>【城市】物流状态2</h3>
          <p>2016-07-11 10:00</p>
        </j-step>
        <j-step>
          <h3>快件已发货</h3>
          <p>2016-07-10 09:30</p>
        </j-step>
      </j-steps>