[comp: spin] add spin component
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
What problem does this feature solve?
提供了加载等待的遮罩层
让用户能更好感知我们的数据请求和渲染的一个视觉效果,不会让一些动态请求加载的数据回显得很突兀,而且也能阻止用户在数据请求过程中对视图层有其他操作导致一些不必要的错误;
What does the proposed API look like?
CONFIGS
参数 | 说明 | 类型 | 默认值 | 是否支持全局配置 |
---|---|---|---|---|
spinning |
是否显示加载遮罩层 | boolean |
true |
false |
icon |
加载图标名称 | string |
loading |
true |
tip |
加载提示文字描述 | string |
false |
true |
tipAlign |
文字描述与加载图标的排列方式 | string |
vertical(vertical:文字排列在图标下方;horizontal: 文字排列在图标同水平方向的后方) |
true |
size |
icon 和 tip大小控制 | string(small | medium | large) |
small |
true |
SLOTS
名称 | 说明 |
---|---|
defalut |
需要遮罩的内容区域 |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Taking Spin for a spin | Fermyon Developer
You can add as many components as needed in spin.toml , mount files and directories, allow granular outbound HTTP connections, or set environment...
Read more >ReactJS UI Ant Design Spin Component - GeeksforGeeks
spinning : It's a boolean value that defines whether the spin should spin or not. tip: Customize description content when Spin has children....
Read more >Spin Component - an overview | ScienceDirect Topics
Coupling of spin and angular momentum by the SO interaction eliminates the spin component sz as a good quantum number. In fact, the...
Read more >How to make something spin in Unity | Unity 3D tutorial
Spinning or rotating an object can be done in 1 line of code! We show you how to do it.
Read more >Measuring different components of spin simultaneously
Mutually non-commuting operators cannot have simultaneous eigenstates, namely the eigenstates of the former must by all means be expressed ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
1,2点采纳,3点目前没有发现其价值,先不实现,4点我们是提供多个选择给用户,没有影响 另外再增加size属性,控制icon和tip的大小
有以下几点建议:
iconStyle
和tipStyle
移除,新增一个wrapperClassName
的API,支持全局配置。iconName
=>icon
即可delay
用于防止闪烁tipAlign
确实需要和视觉确认下,看有无必要。