question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[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 需要遮罩的内容区域

@danranVm @Usualminds

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
liuzaijiangcommented, Dec 31, 2020

有以下几点建议:

  • iconStyletipStyle 移除,新增一个 wrapperClassName 的API,支持全局配置。
  • iconName => icon 即可
  • 建议添加 delay 用于防止闪烁
  • tipAlign 确实需要和视觉确认下,看有无必要。

1,2点采纳,3点目前没有发现其价值,先不实现,4点我们是提供多个选择给用户,没有影响 另外再增加size属性,控制icon和tip的大小

0reactions
danranVmcommented, Dec 31, 2020

有以下几点建议:

  • iconStyletipStyle 移除,新增一个 wrapperClassName 的API,支持全局配置。
  • iconName => icon 即可
  • 建议添加 delay 用于防止闪烁
  • tipAlign 确实需要和视觉确认下,看有无必要。
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found