29 lines
1.2 KiB
XML
29 lines
1.2 KiB
XML
|
|
<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="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> |