Loading 加载

用于表示页面或操作的加载状态，给予用户反馈的同时减缓等待的焦虑感，由一个或一组反馈动效组成。

---

组件类型

纯图标

图标+文字

纯文字

组件样式

应用场景

文案规范

简体中文	繁体中文	英文
加载中...	加載中...	Loading...

设计资源

类型	资源	状态
设计	Design Kit (Figma)	是
Storybook	Storybook	是

设计指南

--

API 参考

属性	说明	类型	默认值
aria-label	按钮的标签	string	-

设计变量

animation

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

color

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

font

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

height

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

other

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

radius

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

spacing

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

width

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间