企业官网建设流程全解析

加载图标是用于提示后台任务正在执行的功能性组件，核心作用是作为操作延时阶段的过渡载体，缓解用户等待焦虑，明确告知当前系统运行状态。

1️⃣动图效果

元件库内置了六款通用加载图标，所有图标均预设了匀速自旋转的交互效果，可直接呈现动态加载状态。

2️⃣使用方法

直接将【元件库->加载图标】目录下的对应组件拖拽至原型画布，即可完成部署使用。

加载图标默认配色为白色，建议优先在深色背景场景下使用。若需在浅色背景中展示，可根据视觉适配需求替换为深色系的加载图片素材。

3️⃣制作方法

🔹制作思路

加载图标的核心作用是向用户传递“后台任务正在处理”的状态，需通过动态视觉效果实现信息传递。基于此需求，我们可借助组件的旋转交互事件（Rotate），驱动简约环形素材持续无间断旋转，即可模拟出标准的加载动效。

🔹组件结构

该组件仅由单张图片元素构成，素材建议选用线条简洁的环形图案，此类图形在旋转时可呈现出流畅和谐的视觉效果，适配加载场景的感知需求。

🔹交互逻辑

标签栏与自定义标签页面移动交互事件

• 组件加载完成时，通过旋转交互动作触发自旋转效果，单次旋转角度设置为360°，动画时长可根据实际场景需求灵活调整。

• 借助旋转完成事件（Rotated）持续触发下一轮自旋转，实现效果循环。可通过Axure的交互事件嵌套调用机制，便捷实现循环类操作逻辑。

4️⃣要点总结

🔹 Axure的交互事件支持相互调用与嵌套调用，灵活运用该特性即可高效实现循环类操作、批量复制等复杂交互逻辑。