Skip to content

Spin 旋转动画 ​

持续旋转默认插槽中的内容,可用于展示加载图标。

支持平台 ​

以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。

App-vueApp-nvue微信小程序支付宝小程序百度小程序字节小程序QQ小程序H5PC快手小程序钉钉小程序
✓✓✓✓✓✓✓✓✓✓✓

基础用法 ​

vue
<!-- 旋转图标 -->
<fui-spin>
  <!-- 加载图标 -->
  <fui-icon name="loading"></fui-icon>
</fui-spin>

属性 ​

属性类型说明官网默认值
widthNumber、String外层宽度,单位 rpx;为 0 时自动计算0
heightNumber、String外层高度,单位 rpx;为 0 时自动计算0

事件 ​

事件说明回调参数
—无自定义事件—

平台说明 ​

nvue 使用原生动画插件,其他平台通过 CSS 动画实现旋转。

插槽 ​

插槽说明
default需要旋转显示的内容