30 lines
576 B
Vue
30 lines
576 B
Vue
<docs>
|
|
---
|
|
order: 6
|
|
title:
|
|
zh-CN: 自定义文字格式
|
|
en-US: Custom text format
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
`format` 属性指定格式。
|
|
|
|
## en-US
|
|
|
|
You can set a custom text by setting the `format` prop.
|
|
|
|
</docs>
|
|
|
|
<template>
|
|
<div>
|
|
<a-progress type="circle" :percent="75" :format="percent => `${percent} Days`" />
|
|
<a-progress type="circle" :percent="100" :format="() => 'Done'" />
|
|
<a-progress type="circle" :percent="75">
|
|
<template #format="percent">
|
|
<span style="color: red">{{ percent }}</span>
|
|
</template>
|
|
</a-progress>
|
|
</div>
|
|
</template>
|