<script >
  export default {
    props: ['tab_index']
  };
</script>
<template>
  <div class="step-tips step-4 clearfix">
    <div class="{{tab_index==0?'step-item active':'step-item'}}">
      <span>1</span>
      从收藏夹中选择模板
    </div>
    <div class="{{tab_index==1?'step-item active':'step-item'}}">
      <span>2</span>
      直接选择商品
    </div>
    <div class="{{tab_index==2?'step-item active':'step-item'}}">
      <span>3</span>
      生成出库单
    </div>
    <div class="{{tab_index==3?'step-item active':'step-item'}}">
      <span>4</span>
      打印
    </div>
  </div>
</template>