docs: ✏️ 增加 Circle 组件使用插槽的示例

This commit is contained in:
xuqingkai 2024-01-11 11:55:40 +08:00
parent 1abf962e37
commit 6341594295
3 changed files with 6 additions and 7 deletions

View File

@ -72,7 +72,6 @@ const gradientColor = {
| `v-model` \|`modelValue` | 当前进度 | number | - | `0` | 0.1.19 |
| `customClass` | 自定义class | string | - | - | 0.1.19 |
| `customStyle` | 自定义style | string | - | - | 0.1.19 |
| `rate` | 目标进度 | number \| string | - | `100` | 0.1.19 |
| `size` | 圆环直径,默认单位为 px | number | - | `100` | 0.1.19 |
| `color` | 进度条颜色 | string \| Record<string, string> | - | `#4d80f0` | 0.1.19 |
| `layerColor` | 轨道颜色 | string | - | `#EBEEF5` | 0.1.19 |

View File

@ -12,6 +12,12 @@
<wd-circle custom-class="custom-circle" v-model="current" :size="120" text="大小定制" />
</demo-block>
<demo-block title="使用slot">
<wd-circle custom-class="custom-circle" v-model="current" :stroke-width="6">
<view style="color: red">{{ current }}%</view>
</wd-circle>
</demo-block>
<demo-block>
<wd-button custom-style="margin-right:24rpx" type="primary" size="small" @click="doAdd">增加</wd-button>
<wd-button type="error" size="small" @click="doDecre">减少</wd-button>

View File

@ -51,8 +51,6 @@ interface Props {
customClass?: string
// style
customStyle?: string
//
rate?: number | string
// px
size?: number
//
@ -80,16 +78,12 @@ const props = withDefaults(defineProps<Props>(), {
customClass: '',
// style
customStyle: '',
//
rate: 100,
// px
size: 100,
//
color: '#4d80f0',
//
layerColor: '#EBEEF5',
//
fill: '#ffffff',
// rate/s
speed: 50,
// px