Ladda

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();

 

网站地址:http://lab.hakim.se/ladda/

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

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

Ladda

官方网站：http://lab.hakim.se/ladda/

小编说

以上是编程之家为你收集整理的Ladda全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。