Progress 进度

进度圆环,用于将数据直观地传达给用户

引入

import { Progress } from 'mand-mobile-next'

Vue.createApp().component(Progress.name, Progress)

代码演示

API

Progress Props

属性说明类型默认值备注
value进度值Number00-1
size圆环大小Number70单位px
width圆环宽度Number100单位px
color圆环高亮颜色String#2F86F6
border-color圆环颜色Stringrgba(0, 0, 0, .1)
fill圆环内部填充Stringtransparent
linecap圆环两端形状Stringroundround, butt, square, inherit
rotate圆环旋转Number0
transition进度变化是否使用动效Booleanfalse
duration进度变化动效时长Number1000单位ms

Progress Slots

default

圆环内部内容插槽,一般用于添加文本

defs

圆环SVG内部的插槽,一般用于添加defs, use元素等