Ladda新手入门_按钮提交后多种加载动画效果

Ladda新手入门

官方网址:http://lab.hakim.se/ladda/

Ladda新手入门_按钮提交后多种加载动画效果

GitHub:https://github.com/hakimel/Ladda

简介描述:按钮提交后多种加载动画效果

Ladda 是一组集成了加载提示的按钮,以弥合行动和反馈之间的时间间隔,提供更好的功能使用体验。主要用于在用户点击提交之后,向用户提供即时的反馈,让他们知道浏览器正在处用户提交的任务。 

安装

npm install ladda

使用

首先导入Ladda模块:

import * as Ladda from 'ladda';
// Create a new instance of ladda for the specified button
var l = Ladda.create( document.querySelector( '.my-button' ) );

// Start loading
l.start();

// Will display a progress bar for 50% of the button width
l.setProgress( 0.5 );

// Stop loading
l.stop();

// Toggle between loading/not loading states
l.toggle();

// Check the current state
l.isLoading();

// Delete the button's ladda instance
l.remove();

 

海计划公众号
(0)
上一篇 2020/03/06 09:11
下一篇 2020/03/06 09:11

您可能感兴趣的内容