1.0.0-beta.62 • Published 3 years ago
@rax-ui/loading v1.0.0-beta.62
display: Loading
family: other
Loading
加载框
API
函数式调用
适合全局页面的加载框
import Loading from '@rax-ui/loading';
// 默认
Loading.show();
// 自定义
Loading.show({
mask: true, // 默认 false
content: '加载中', // 底部文案
icon: 'https://img.alicdn.com/tfs/TB1aks3PpXXXXcXXFXXXXXXXXXX-150-150.gif', // 自定义加载动画图
});
// 关闭
Loading.hide();
组件式调用
适合区域的加载框
import { createElement, useState, useEffect } from 'rax';
import Loading from '@rax-ui/loading';
import View from 'rax-view';
import Text from 'rax-text';
function App() {
const [visible, setVisible] = useState(true);
useEffect(() => {
setTimeout(() => {
setVisible(false);
}, 5000);
});
return (
<View>
<Text>自定义内容</Text>
<Loading visible={visible} content="加载中" />
</View>
);
}
Props
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
visible | 是否显示 | boolean | false |
mask | 是否带有蒙层 | boolean | false |
icon | 加载动画图 | string | 地址 |
content | 加载文案 | string |
CSS API
名称 | 说明 |
---|---|
loading | 加载框 |
loading--mask | 蒙层样式 |
loading__icon | 加载动画图 |
loading__content | 文案 |
1.0.0-beta.62
3 years ago
1.0.0-beta.60
4 years ago
1.0.0-beta.59
4 years ago
1.0.0-beta.57
4 years ago
1.0.0-beta.56
4 years ago
1.0.0-beta.55
4 years ago
1.0.0-beta.54
4 years ago
1.0.0-beta.53
4 years ago
1.0.0-beta.52
4 years ago
1.0.0-beta.51
4 years ago
1.0.0-beta.50
4 years ago
1.0.0-beta.48
4 years ago
1.0.0-beta.49
4 years ago
1.0.0-beta.47
4 years ago
1.0.0-beta.46
4 years ago
1.0.0-beta.45
4 years ago
1.0.0-beta.43
4 years ago
1.0.0-beta.42
4 years ago
1.0.0-beta.41
4 years ago
1.0.0-beta.40
4 years ago
1.0.0-beta.39
4 years ago
1.0.0-beta.38
4 years ago
1.0.0-beta.37
4 years ago
1.0.0-beta.36
4 years ago
1.0.0-beta.35
4 years ago
1.0.0-beta.32
4 years ago
1.0.0-beta.30
4 years ago
1.0.0-beta.29
4 years ago
1.0.0-beta.28
4 years ago
1.0.0-beta.27
4 years ago
1.0.0-beta.26
4 years ago
1.0.0-beta.24
4 years ago
1.0.0-beta.23
4 years ago
1.0.0-beta.22
4 years ago
1.0.0-beta.21
4 years ago
1.0.0-beta.20
4 years ago
1.0.0-beta.18
4 years ago
1.0.0-beta.17
4 years ago
1.0.0-beta.16
4 years ago
1.0.0-beta.15
4 years ago
1.0.0-beta.14
4 years ago
1.0.0-beta.13
5 years ago
1.0.0-beta.10
5 years ago
1.0.0-beta.9
5 years ago
1.0.0-beta.3
5 years ago
1.0.0-beta.2
5 years ago
1.0.0-beta.1
5 years ago
1.0.0-beta.0
5 years ago