index.axml 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <import-sjs
  2. from="./index.sjs"
  3. name="utils" />
  4. <view
  5. class="ant-steps ant-steps-{{direction}} {{className ? className : ''}}"
  6. style="{{style}}">
  7. <view
  8. a:for="{{items}}"
  9. class="ant-steps-item ant-steps-item-{{direction}}
  10. {{index < current? 'ant-steps-item-finish' : ''}}
  11. {{index === current? 'ant-steps-item-active' : ''}}
  12. {{index > current? 'ant-steps-item-non-active' : ''}}">
  13. <view
  14. class="ant-steps-item-indicator ant-steps-item-indicator-{{direction}}">
  15. <view
  16. class="ant-steps-item-indicator-icon ant-steps-item-{{utils.getClassName(current, index, status)}}-icon">
  17. <slot
  18. name="icon"
  19. value="{{item}}"
  20. index="{{index}}"
  21. current="{{current}}"
  22. status="{{status}}">
  23. <view
  24. class="ant-steps-item-{{utils.getClassName(current, index, status)}}-icon-default" />
  25. </slot>
  26. </view>
  27. </view>
  28. <view class="ant-steps-item-text">
  29. <view
  30. class="ant-steps-item-title ant-steps-item-title-{{utils.getClassName(current, index, status)}}">
  31. <slot
  32. name="title"
  33. value="{{item}}"
  34. index="{{index}}">
  35. {{item.title}}
  36. </slot>
  37. </view>
  38. <view class="ant-steps-item-desc">
  39. <slot
  40. name="description"
  41. value="{{item}}"
  42. index="{{index}}">
  43. {{item.description}}
  44. </slot>
  45. </view>
  46. </view>
  47. </view>
  48. </view>