You need to enable JavaScript to run this app.
搜索
⌘
K
设计
设计指南
设计原则
样式指南
设计资源
Klein - Figma
Klein Font
官方图标库
开发
开发文档
React
Vue Web
敬请期待
开发资源
GitHub 代码仓库
生态产品
生态产品
Orion Fonts
敬请期待
Orio Market
敬请期待
Klein Pro
敬请期待
Klein Editor
敬请期待
开发指南
快速上手
设计变量
常见问题
设计资源
设计指南
设计原则
色彩
字体
图标
布局
组件
通用
按钮 Button
图标 Icon
布局
分割线 Divider
栅格 Grid
导航
面包屑 Breadcrumb
下拉菜单 Dropdown
菜单 Menu
分页 Pagination
数据展示
头像 Avatar
微标 Badge
空状态 Empty
图片 Image
通用列表 List
气泡卡片 Popover
表格 Table
选项卡 Tabs
标签 Tag
树形控件 Tree
数据录入
自动完成 AutoComplete
级联选择 Cascader
多选框 Checkbox
日期选择 DatePicker
表单 Form
数字输入框 InputNumber
输入框 Input
单选框 Radio
评分 Rate
选择器 Select
滑动输入条 Slider
开关 Switch
树选择 TreeSelect
上传 Upload
反馈
警告提示 Alert
抽屉 Drawer
消息通知 Message
弹窗 Modal
通知 Notification
气泡框 Popconfirm
结果 Result
加载中 Spin
提示 ToolTip
其他
全局配置 ConfigProvider
加载中 Spin
用于页面和区块的加载中状态、页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑,提高用户体验。
基础示例
这里填写示例说明。
loading 状态
loading 状态改变。
Spin Props
参数
说明
类型
默认值
delay
延迟显示加载效果的时间
number
-
tip
自定义加载文案
string
-
spinning
是否是加载中
boolean
true
size
组件尺寸大小
"small"
default
indicator
自定义加载图标
ReactNode
-
className
自定义类
string
-
direction
方向
"row"
row
贡献者
基础示例
loading 状态
Spin Props