分类：vue进度条

2021
07-16

vue圆环百分比进度条组件功能的实现

有需要的人可以参考一下，如果试用过，发现问题，欢迎留言告知，不胜感激。功能介绍：1、若页面无刷新，且第一次传值小于第二次传值或者圆环初始化时执行的是递增动画2、若页面无刷新，且第一次传值大于第二次传值则为执行递减动画3、中间展示的百分比数字有缓动动画(速度同圆环进度动画一直)4、动画完成时会触发动画完成回调5、外部传值为圆环进度百分比(整数)，圆环动画速度(整数)效果如图所示：<template><divclass="per... 继续阅读 >

2021
03-02

vue实现拖拽进度条

本文实例为大家分享了vue实现拖拽进度条的具体代码，供大家参考，具体内容如下组件代码：<template><div><divclass="slider"ref="slider"><divclass="process":style="{width}"></div><divclass="thunk"ref="trunk":style="{left}"><divclass="block"></div><divclass="tips"><!--<span>{{scale*100}}</span>--><iclass="fasfa-caret-down"></i></div></div></div><div>... 继续阅读 >