2018-04-03 06:14:38 +00:00
|
|
|
<cn>
|
|
|
|
#### 自定义文字格式
|
|
|
|
`format` 属性指定格式。
|
|
|
|
</cn>
|
|
|
|
|
|
|
|
<us>
|
|
|
|
#### Custom text format
|
2018-09-05 13:28:54 +00:00
|
|
|
You can set a custom text by setting the `format` prop.
|
2018-04-03 06:14:38 +00:00
|
|
|
</us>
|
|
|
|
|
2019-10-09 10:32:23 +00:00
|
|
|
```tpl
|
2018-04-03 06:14:38 +00:00
|
|
|
<template>
|
|
|
|
<div>
|
2019-09-28 12:45:07 +00:00
|
|
|
<a-progress type="circle" :percent="75" :format="percent => `${percent} Days`" />
|
2018-04-03 06:14:38 +00:00
|
|
|
<a-progress type="circle" :percent="100" :format="() => 'Done'" />
|
2019-10-30 08:38:15 +00:00
|
|
|
<a-progress type="circle" :percent="75">
|
|
|
|
<template v-slot:format="percent">
|
|
|
|
<span style="color: red">{{percent}}</span>
|
|
|
|
</template>
|
|
|
|
</a-progress>
|
2018-04-03 06:14:38 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
div.ant-progress-circle,
|
|
|
|
div.ant-progress-line {
|
|
|
|
margin-right: 8px;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
```
|