1234567891011121314151617181920212223242526272829 |
- <view
- class="ant-progress ant-progress-{{type}} {{className || ''}}"
- style="{{style || ''}};{{type === 'circle'?`width:${width}px;height:${width}px`:'' }}">
- <canvas
- a:if="{{ type === 'circle' }}"
- class="ant-progress-canvas"
- id="ant-progress-canvas-{{$id}}"
- width="{{canvasWidth}}"
- height="{{canvasWidth}}" />
- <view
- a:elif="{{ type === 'line' }}"
- class="ant-progress-outer"
- style="{{strokeWidth? 'height:'+strokeWidth+'px;':''}}{{trailColor?'background-color:'+trailColor:''}}">
- <view
- class="ant-progress-inner {{(status == 'success' || status == 'exception') ? `ant-progress-inner-${status}`:''}}"
- style="{{`width: ${curProgress}%; ${strokeColor ?'background-color:'+ strokeColor:''}`}}"></view>
- </view>
- <view class="ant-progress-indicator">
- <slot
- name="indicator"
- percent="{{percent}}">
- <icon
- a:if="{{status == 'success' || status == 'exception' }}"
- type="{{status == 'success'?'CheckCircleFill':'CloseCircleFill'}}"
- class="ant-progress-status-icon ant-progress-status-icon-{{status}}" />
- <block a:else>{{percent}}%</block>
- </slot>
- </view>
- </view>
|