ionic 加载动画
ion-spinner ionSpinner 内置了不少旋转式加载动画图标。界面处于加载过程时,用它来给用户展示对应的加载状态,会更直观,也能减少等待时的迷茫感。该图标采用的是SVG。 用法 //默认用法 和大多数其他 Ionic 组件一样,spinner 也支持 Ionic 统一的标准颜色命名方式
ion-spinner
ionSpinner 内置了不少旋转式加载动画图标。界面处于加载过程时,用它来给用户展示对应的加载状态,会更直观,也能减少等待时的迷茫感。

该图标采用的是SVG。
用法
//默认用法
和大多数其他 Ionic 组件一样,spinner 也支持 Ionic 统一的标准颜色命名方式,写法如下:
实例
HTML 代码
CSS 代码
body {
cursor: url('http://www.runob.com/try/demo_source/finger.png'), auto;
}
p {
text-align: center;
margin-bottom: 40px !important;
}
.spinner svg {
width: 19% !important;
height: 85px !important;
}
Ja vaScript 代码
angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope) {
});
body {
cursor: url('http://www.runob.com/try/demo_source/finger.png'), auto;
}
p {
text-align: center;
margin-bottom: 40px !important;
}
.spinner svg {
width: 19% !important;
height: 85px !important;
}angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope) {
});效果如下所示:
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。















