主题
Spin 旋转动画
持续旋转默认插槽中的内容,可用于展示加载图标。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 旋转图标 -->
<fui-spin>
<!-- 加载图标 -->
<fui-icon name="loading"></fui-icon>
</fui-spin>属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| width | Number、String | 外层宽度,单位 rpx;为 0 时自动计算 | 0 |
| height | Number、String | 外层高度,单位 rpx;为 0 时自动计算 | 0 |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |
平台说明
nvue 使用原生动画插件,其他平台通过 CSS 动画实现旋转。
插槽
| 插槽 | 说明 |
|---|---|
| default | 需要旋转显示的内容 |