35 lines
1.2 KiB
Plaintext
35 lines
1.2 KiB
Plaintext
|
<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}}"
|
||
|
|
></canvas>
|
||
|
|
<view
|
||
|
|
a:if="{{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}}"
|
||
|
|
>
|
||
|
|
<ant-icon
|
||
|
|
a:if="{{status === 'success' || status === 'exception'}}"
|
||
|
|
type="{{status === 'success' ? 'CheckCircleFill' : 'CloseCircleFill'}}"
|
||
|
|
className="ant-progress-status-icon ant-progress-status-icon-{{status}}"
|
||
|
|
></ant-icon>
|
||
|
|
<block a:else>{{percent}}%</block>
|
||
|
|
</slot>
|
||
|
|
</view>
|
||
|
|
</view>
|