一个简单的圆形进度条组件vue-circleprogressbar

Vue-circleprogressbar是一个简单的圆形进度条组件。最近在大屏可视化项目开发中经常用到圆形进度条，但是常用的echarts组件对圆形进度条的支持不是很好，写起来比较麻烦。只想着自己写一个VUE戒指组件，满足日常开发需求；2021/07/26更新内容：无事时对组件进行文件压缩，减少参考量2019/12/21更新内容：改进bar的宽度逻辑，bar的宽度根据父容器的宽度自适应.可以自定义widthPresent，设置bar占父容器宽度的比例；添加gradientsColor去除对lodash的依赖，减小组件尺寸解决bar不随进度变化的bug。vue-circleprogressbar简单的圆形进度条组件先上传渲染安装$npminstallvue-circleprogressbarUsageOptiosnnamedescriptiondefaultvaluetypewidthPresentsetbartoparentcontainerwidth1NumbergradientsColorbargradientcolorsetting[{offset:"0%",color:"#b2ed9d"},{偏移量：“100%”，颜色："#569b3d"}]Arrayid组件id，用于处理多组件共存1Number，Stringradius进度条粗细20Number，Stringprogress进度条百分比20Number，StringbarColor进度条颜色'#1890ff'StringbackgroundColor进度条圆形背景色rgba(0,0,0,0.3)StringisAnimation是否显示动画trueBolleanisRound是否使用圆刷trueBolleanduration动画时长1000Number,Stringdelay动画延迟时间200Number,StringtimeFunction动画缓动函数'cubic-bezier(0.99,0.01,0.22,0.94)'Stringslotnamedescriptiondefaultvalue类型为默认slot，进度条中间的title是自定义的----