1.0.0 • Published 6 years ago
circleprogressbruce v1.0.0
vue-circle-progress-ui
一个小组件,基于VUE的UI组件
圆形进度条
content: 内部显示内容 Object required
eq: { type: 'img', url: '' } { type: 'text', text: '' } { type: 'icon', before: '', running: '' } => (基于font awesome,实参为class类)
type: 展示形式 String required
'static' => 静态展示由外部控制展示 'auto' => 动态展示当传入duration不为0时自动进行倒计时展示 progress: 进度条 Int(0 - 100,静态展示中必须传入) duration: 运行时长 Int(动态展示中必须传入)
size: 图形大小 Int (单位为px,默认为40px) color: 背景颜色 String (单位为十六进制,默认为#0096ff)
注意:在动态展示形式中duration变化会触发重新倒计时 注意:旋转时长为0.1s,可自行在transition中修改 (新)注意:在静态展示中如果使用icon时,如果progress != 0 || progress != 100 会显示running,其它情况显示before
1.0.0
6 years ago