1.0.0 • Published 6 years ago

circleprogressbruce v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

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