<import src="/dist/steps/index.wxml" />

<view class="container">
  <view class="zui-panel">
    <view class="zui-cell">
      <view class="zui-cell__bd">
        <template is="zui-steps" data="{{ type: 'horizon', steps }}"></template>
      </view>
    </view>

    <view class="zui-cell zui-cell--last-child">
      <view class="zui-cell__bd">
        <template is="zui-steps" data="{{ type: 'vertical', steps }}"></template>
      </view>
    </view>
  </view>

  <view class="zui-panel">
    <view class="zui-cell">
      <view class="zui-cell__bd">可自定义class</view>
    </view>
    <template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
  </view>

</view>