index.axml 1.2 KB

1234567891011121314151617181920212223242526272829
  1. <view
  2. class="ant-progress ant-progress-{{ type }} {{ className || '' }}"
  3. style="{{ style || '' }};{{ type === 'circle' ? 'width:' + width + 'px;height:' + width + 'px;' : '' }}">
  4. <canvas
  5. a:if="{{ type === 'circle' }}"
  6. class="ant-progress-canvas"
  7. id="ant-progress-canvas-{{ $id }}"
  8. width="{{ canvasWidth }}"
  9. height="{{ canvasWidth }}" />
  10. <view
  11. a:elif="{{ type === 'line' }}"
  12. class="ant-progress-outer"
  13. style="{{ strokeWidth ? 'height:' + strokeWidth + 'px;' : '' }}{{ trailColor ? 'background-color:' + trailColor : '' }}">
  14. <view
  15. class="ant-progress-inner {{ status === 'success' || status === 'exception' ? 'ant-progress-inner-' + status : '' }}"
  16. style="width: {{ curProgress }}%; {{ strokeColor ? 'background-color:' + strokeColor : '' }}" />
  17. </view>
  18. <view class="ant-progress-indicator">
  19. <slot
  20. name="indicator"
  21. percent="{{ percent }}">
  22. <ant-icon
  23. a:if="{{ status === 'success' || status === 'exception' }}"
  24. type="{{ status === 'success' ? 'CheckCircleFill' : 'CloseCircleFill' }}"
  25. className="ant-progress-status-icon ant-progress-status-icon-{{ status }}" />
  26. <block a:else>{{ percent }}%</block>
  27. </slot>
  28. </view>
  29. </view>