index.axml 1.1 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:''}`}}"></view>
  17. </view>
  18. <view class="ant-progress-indicator">
  19. <slot
  20. name="indicator"
  21. percent="{{percent}}">
  22. <icon
  23. a:if="{{status == 'success' || status == 'exception' }}"
  24. type="{{status == 'success'?'CheckCircleFill':'CloseCircleFill'}}"
  25. class="ant-progress-status-icon ant-progress-status-icon-{{status}}" />
  26. <block a:else>{{percent}}%</block>
  27. </slot>
  28. </view>
  29. </view>