<wxs module="_">
  module.exports.getText = function(value, curr) { if (value > curr) return '已完成步骤'; if (value == curr)
  return'当前步骤'; return '未完成步骤'; }
</wxs>

<view class="demo-desc">垂直自定义步骤条</view>

<view class="block">
  <t-steps layout="vertical" theme="dot" current="{{count - 1}}" bind:change="onCascader">
    <t-step-item wx:for="{{count}}" wx:key="index" title="{{_.getText(count - 1, index)}}">
      <t-icon name="chevron-right" size="22" color="rgba(0, 0, 0, .4)" slot="title-right" />
    </t-step-item>
  </t-steps>

  <t-button style="margin-top: 32rpx; display: block" block bind:tap="toNext">下一步</t-button>
</view>

<view class="demo-desc">纯展示步骤条</view>

<view class="block">
  <t-steps layout="vertical" readonly theme="dot" current="{{5}}">
    <t-step-item wx:for="{{4}}" wx:key="index" title="步骤展示" content="可自定义此处内容" />
  </t-steps>
</view>
