index.axml 1.1 KB

1234567891011121314151617181920212223
  1. <view class='page-container-classname' ref='saveChildRef0'>
  2. <demo-block title='基础用法' ref='saveChildRef1'>
  3. <van-steps steps='{{ steps }}' active='{{ active }}' custom-class='demo-margin-bottom' onClick-step='onClick' ref='saveChildRef2'>
  4. </van-steps>
  5. <van-button custom-class='demo-margin-left' onClick='nextStep' ref='saveChildRef3'>
  6. 下一步
  7. </van-button>
  8. </demo-block>
  9. <demo-block title='自定义样式' ref='saveChildRef4'>
  10. <van-steps steps='{{ steps }}' active='{{ active }}' active-icon='success' active-color='#38f' inactive-icon='arrow' ref='saveChildRef5'>
  11. </van-steps>
  12. </demo-block>
  13. <demo-block title='自定义图标' ref='saveChildRef6'>
  14. <van-steps steps='{{ customIconSteps }}' active='{{ active }}' ref='saveChildRef7'>
  15. </van-steps>
  16. </demo-block>
  17. <demo-block title='竖向步骤条' ref='saveChildRef8'>
  18. <van-steps steps='{{ steps }}' active='{{ active }}' direction='vertical' active-color='#ee0a24' ref='saveChildRef9'>
  19. </van-steps>
  20. </demo-block>
  21. <van-toast id='van-toast' ref='saveChildRef10'>
  22. </van-toast>
  23. </view>