旋转加载圈指令｜border-spin匀速Spinner组件

旋转加载圈（Spinner）是最通用的加载指示：一个圆环持续旋转，瞬时告知用户「正在加载」，适用于按钮态、弹窗与局部刷新。纯 CSS 实现、零依赖、性能好。下图为效果示意。

效果示意：

完整提示词（积分解锁）

本效果的完整 AI 生成指令、React / Vue 框架变体与配套文档，需积分解锁后查看。复制后粘贴到任意 AI 编程助手（Cursor / Claude / ChatGPT / 通义等）即可直接生成对应组件。

更多 loading 系列：骨架屏 / 旋转圈 / 进度条 / 跳动三点 / 波浪 / 脉冲 / 渐显。

微信扫码打开小程序