1. 首页
  2. 编程语言
  3. Javascript
  4. 写一个Vue loading 插件

写一个Vue loading 插件

上传者: 2021-05-14 19:49:59上传 PDF文件 80.69 KB 热度 13次

从意义上来说,正如jQuery的使用一个插件,只要像下面这样:光说不练假把式,接下来写一个loading插件练练手,这个插件被封装成一个全局组件,实现下面的效果:我们希望应用这个插件的方式如下:其中,text用于定义loading动画显示的文字,duration定义动画时间新建一个loading.js文件:这里模板的作用在于,将输入的字符串转换成组成字符串的字符构成的span元素;这时基本上可以看到一个静态效果。给每个元素加上一个控制上下的animation除此之外,还有一下其他的公有样式代码,利用然后通过控制span的animation-delay来模拟曲线:到这里,插件基本完成,看一下效果:

用户评论