Skip to content
主题色
灰色
夜间模式组件大小小(1)中(2)大(3)组件圆角
none
small
medium
large
full
组件缩放90%95%100%105%110%

基本使用

按钮里的内容由子节点(默认插槽)或label属性决定,子节点的优先级更高

异步函数自动 loading

按住模式

通过设置hold可使按钮变为按住模式,单位为毫秒

按住模式下,需要按住按钮直至设定的时间才会触发点击事件,适用于需要用户小心确认的情况

使用按住模式,防抖,节流等功能时,你需要通过监听valid-click事件或者设置asyncHandler来触发回调,而不是监听click事件,click事件每次点击都会触发

防抖和节流

倒计时

l-buttonDOM 上有setTimeout方法,可用于快速设置一个倒计时,倒计时期间按钮进入loading状态,这通常用于点击冷却的场景(如验证码)。单位为毫秒,默认文本刷新间隔为 1s

ts
setTimeout(timeout: number, getCountdownTxt?: (remain: number) => string, interval?: number): void;
clearTimeout(): void;

当处于倒计时状态时会显示倒计时文本,倒计时文本是否显示受showLoading属性影响,其位置受iconPosition影响。如果原先就处于 loading 状态,则会优先展示 loading 文本而不是 spin

复制文本

通过copyText属性可以便捷地添加点击复制功能

块级按钮

不同大小